block by nitaku 5f60d143735bdfc7d14c

Weather wheel

Full Screen

A recreation of this nice infographic in D3.js, with some modifications. A year of weather measurements is displayed in a single overview, highlighting seasonal processes. Data is obtained by querying Weather Underground’s historical API.

A polar floating bar chart is used for minimum and maximum temperatures, while a HCL-interpolated color scale is used for means. Area encoding is instead used for precipitation (outer ring).

index.js

index.html

d3-path.js

index.coffee

index.css