During the 2020 COVID-19 pandemic in Canada I wanted to get better understanding of the geographical distribution of COVID-19 related activity changes across Canada. Google has helpfully provided freely available global “Community Mobility Reporting” which shows Google location history change compared to baseline by country, and country sub-regions. These provide changes in activity by location […]
During the early days of the 2020 COVID-19 pandemic in Canada, I wanted to get better understanding of the geographical distribution of COVID-19 cases across Canada. At the time, government or news agencies were only mapping case counts by province. However Canadian provinces are so big compared to population centers that it doesn’t accurately reflect
Choropleth map of Canada COVID-19 cases by health region using Leaflet and D3.js Read More »
This is an example of how to read a csv file retrieved from an AWS S3 bucket as a data source for a D3 javascript visualization. The D3 visualization would be an HTML document hosted on a web server. You will use the AWS SDK to get the csv file from the S3 bucket and
AWS S3 csv file as D3 report data source Read More »
I have a Django web application that needed an interactive map with shapes corresponding to Canadian postal code FSA areas that were different colors based on how many properties were in each FSA. It ended up looking something like the screenshot below. This exercise turned out to be relatively easy using the awesome open-source Javascript
Leaflet.js choropleth map color by count using geoJSON datasource Read More »
Chart.js V2.0 is a useful javascript charting library. It looks great, has ton of features though it is new enough that there is still some work to find out how to get some relatively simple things done. In this case I wanted to format the chart’s tooltip. Tooltips are the pop-ups that show when you hover
Chart.js tooltip format number with commas Read More »