block by nitaku 237736ac9efb417abd854c2048f5b3ed

Weather Wheel III

Full Screen

(This example contains server-side code. You need to run it from our WebVis lab rather than bl.ocks.org in order to use it.)

This example lets you compare one entire year of weather data with another one using two weather wheels. You can choose which year to display, and which weather station (by choosing a country and then a city).

You can zoom in either views by using your mouse wheel or touch gestures.

Each day of the year is assigned a circular slice of the diagram, proceeding clockwise. For each day, several measures are depicted:

The design has been heavily determined by reverse engineering this beautiful work by Raureif. Data is requested live from the Weather Underground Historical APIs.

index.js

index.html

AppView.coffee

AppView.js

Query.coffee

Query.js

QueryView.coffee

QueryView.js

Weather.coffee

Weather.js

WeatherPanel.coffee

WeatherPanel.js

WeatherWheel.coffee

WeatherWheel.js

eye.js

index.coffee

index.css

wu_get_history.php