block by curran 5a9767b5c23982c89632

Live Temperature by City

Full Screen

This program makes a bar chart and line chart from data in the Data Canvas - Sense Your City API and makes use of the Chiasm visualization runtime engine.

The line chart shows the temperature for all cities with available data for the past 24 hours, while the bar chart shows the current temperature of each city. The data is up to date, and updates every 5 minutes. Colors code the lines to the city.

Hovering over the line chart causes the bar chart to display data for the selected slice of time only (using Crossfilter).

The gear icon lets you open the configuration editor. Click on numbers and colors in the configuration editor for interactive widgets that let you configure the visualizations. For example, you can edit the color scale used by both visualizations, or edit the title text.

Draws from

web counter

index.html

main.js

requireJSConfig.js

senseYourCityData.js

styles.css

visConfig.json