https://jonsadka.com/ Portfolio and blog of Jon Sadka: selected work, creative coding experiments, and writing on frontend engineering and data visualization. en-us Wed, 27 May 2020 07:00:00 GMT https://jonsadka.com/blog/how-to-deploy-imgproxy-to-google-cloud-using-docker-and-cloud-run https://jonsadka.com/blog/how-to-deploy-imgproxy-to-google-cloud-using-docker-and-cloud-run Wed, 27 May 2020 07:00:00 GMT Be able to host a production instance of imgproxy on Google Cloud within minutes. Infrastructure https://jonsadka.com/blog/how-to-export-photoshop-images-at-custom-resolutions-using-scripting https://jonsadka.com/blog/how-to-export-photoshop-images-at-custom-resolutions-using-scripting Tue, 17 Dec 2019 08:00:00 GMT For a recent project, a goal was set to improve page load times on mobile devices. One quick win was to develop images at varying breakpoints and load the… JavaScript Photoshop Scripting https://jonsadka.com/blog/designing-and-engineering-a-visualization-tool-for-structural-engineers https://jonsadka.com/blog/designing-and-engineering-a-visualization-tool-for-structural-engineers Tue, 18 Dec 2018 08:00:00 GMT The purpose of this post is to highlight things that come to mind when reflecting on my time designing, iterating, and building the Steel Explorer. Some… Design JavaScript UX/UI https://jonsadka.com/blog/overview-and-usage-of-the-steel-explorer https://jonsadka.com/blog/overview-and-usage-of-the-steel-explorer Tue, 11 Dec 2018 08:00:00 GMT To find the optimal beam, enter your requirements in the Input Bar at the top and watch the Steel Explorer update the charts to show you which beams still… Design UX/UI https://jonsadka.com/blog/how-to-create-live-updating-and-flexible-d3-line-charts-using-d3-js-v5-and-pseudo-data https://jonsadka.com/blog/how-to-create-live-updating-and-flexible-d3-line-charts-using-d3-js-v5-and-pseudo-data Thu, 16 Aug 2018 07:00:00 GMT One of the bigger challenges in visualizing data is making your charts responsive so that they can resize no matter what range of data is thrown at it… D3.js JavaScript https://jonsadka.com/blog/how-to-debug-a-chrome-specific-bug-on-ios-using-remote-debugging https://jonsadka.com/blog/how-to-debug-a-chrome-specific-bug-on-ios-using-remote-debugging Wed, 16 May 2018 07:00:00 GMT I recently had the opportunity to implement some new visualizations for Uber City Guides. Before launch, we discovered a strange bug that only occurred on… JavaScript https://jonsadka.com/blog/choosing-the-best-numbers-in-nfl-football-squares-to-beat-your-friends https://jonsadka.com/blog/choosing-the-best-numbers-in-nfl-football-squares-to-beat-your-friends Fri, 05 Feb 2016 08:00:00 GMT The Super Bowl Square gambling game is all luck, right? Not according to our calculations. D3.js JavaScript https://jonsadka.com/blog/how-to-generate-time-series-week-over-week-year-over-year-aggregations-in-mongodb-using-unix-epoch-timestamps-tutorial-and-example https://jonsadka.com/blog/how-to-generate-time-series-week-over-week-year-over-year-aggregations-in-mongodb-using-unix-epoch-timestamps-tutorial-and-example Wed, 14 Oct 2015 07:00:00 GMT ECMAScript5 introduced Date.now(), a method that returns the milliseconds elapsed since 1 January 1970 00:00:00 UTC up until now as a Number. Date.now()… JavaScript MongoDB https://jonsadka.com/blog/how-to-write-data-to-the-beginning-of-a-file-with-node-javascript-tutorial-and-example https://jonsadka.com/blog/how-to-write-data-to-the-beginning-of-a-file-with-node-javascript-tutorial-and-example Tue, 30 Jun 2015 07:00:00 GMT Recently I have had to do a lot of work building infrastructure converting data from .json to .csv. One challenge that presented itself was figuring out a… JavaScript https://jonsadka.com/blog/how-apple-can-catch-up-to-google-ratings-and-yelp-reviews-overnight https://jonsadka.com/blog/how-apple-can-catch-up-to-google-ratings-and-yelp-reviews-overnight Tue, 20 Jan 2015 08:00:00 GMT Yelp. The word is synonymous with ratings. Although Yelp is very powerful and has millions of reviews, they have not gained my trust. There are tales of… UX / UI https://jonsadka.com/blog/best-and-worst-times-to-take-an-uber https://jonsadka.com/blog/best-and-worst-times-to-take-an-uber Tue, 02 Dec 2014 08:00:00 GMT About two months ago, Nicolas and I were curious to see if we could nail down the cheapest and priciest hours to order an Uber. To do this, we requested… API D3.js JavaScript https://jonsadka.com/blog/how-to-create-adaptive-pie-charts-with-transitions-in-d3 https://jonsadka.com/blog/how-to-create-adaptive-pie-charts-with-transitions-in-d3 Fri, 24 Oct 2014 07:00:00 GMT Following up with my last blog post about adaptive line chart graphs (link), I decided to apply this same concept of adaptive charts to a pie / donut… D3.js JavaScript https://jonsadka.com/blog/how-to-create-live-updating-and-flexible-d3-line-charts-using-pseudo-data https://jonsadka.com/blog/how-to-create-live-updating-and-flexible-d3-line-charts-using-pseudo-data Tue, 14 Oct 2014 07:00:00 GMT One of the bigger challenges in visualizing data is making your charts responsive so that they can resize no matter what range of data is thrown at it… D3.js JavaScript https://jonsadka.com/blog/how-to-modify-filter-and-save-json-files-locally-using-jquery https://jonsadka.com/blog/how-to-modify-filter-and-save-json-files-locally-using-jquery Tue, 07 Oct 2014 07:00:00 GMT There are many API’s available for use, many of which are free and provide lots of fun data to play with, however there is one common hurdle to overcome… jQuery JavaScript https://jonsadka.com/blog/how-to-quickly-create-randomly-generated-datasets-in-javascript-with-d3 https://jonsadka.com/blog/how-to-quickly-create-randomly-generated-datasets-in-javascript-with-d3 Mon, 29 Sep 2014 07:00:00 GMT Often times in JavaScript and D3.js, we want to quickly create randomly-generated, "fake" data on the fly for testing and iterative development. To help… D3.js JavaScript https://jonsadka.com/blog/using-reduce-to-create-arrays-and-objects-in-javascript https://jonsadka.com/blog/using-reduce-to-create-arrays-and-objects-in-javascript Fri, 19 Sep 2014 07:00:00 GMT I love functional programming and things just got better because of reduce and reduceRight. In ECMAScript5.1, the Ecma integrated some really common array… JavaScript https://jonsadka.com/blog/how-to-use-the-uber-api-to-get-pricing-data https://jonsadka.com/blog/how-to-use-the-uber-api-to-get-pricing-data Fri, 29 Aug 2014 07:00:00 GMT Uber opened up their API to developer and as a fun experiment, I decided to play around with the Uber API, collect a few days worth of data and see if any… API JavaScript https://jonsadka.com/blog/fight-on-the-power-of-javascript-closures https://jonsadka.com/blog/fight-on-the-power-of-javascript-closures Sat, 16 Aug 2014 07:00:00 GMT In addition to these three requirements, when you exit the scope of the function of interest, that scope is retained. What does this mean? Let’s take a… JavaScript https://jonsadka.com/blog/prototypal-and-pseudoclassical-instantiation-in-javascript https://jonsadka.com/blog/prototypal-and-pseudoclassical-instantiation-in-javascript Sun, 10 Aug 2014 07:00:00 GMT In JavaScript, there are four ways to instantiate a new object. This blog post will cover the differences between the prototypal and pseudoclassical… JavaScript https://jonsadka.com/blog/type-coercion-in-d3js https://jonsadka.com/blog/type-coercion-in-d3js Mon, 04 Aug 2014 07:00:00 GMT D3.js is an amazing platform that allows software engineers to bind data to each DOM element that exists, or will be, created. This data can then be used… D3.js JavaScript https://jonsadka.com/blog/supercharge-your-falsey-conditional-statements-in-javascript https://jonsadka.com/blog/supercharge-your-falsey-conditional-statements-in-javascript Wed, 30 Jul 2014 07:00:00 GMT Over the past few days, I have discovered the large potential of falsey values (false, 0, "", null, undefined, NaN) to provide direction and simplify code… JavaScript