Temperature in Different Cities
This example shows hourly temperature readings for seven cities over one week in 2015, with each city drawn as a distinct colored line in a single chart. The visualization uses Vega-Lite to generate the line chart from CSV data, which is loaded via d3.csv, and re-renders responsively on window resize using vegaEmbed. The data comes from the now-defunct Sense Your City project, filtered to include temperature, light, air quality, sound, humidity, and dust metrics, though only temperature is displayed here. The mark type is line with a stroke width of five, and lines use multiply blending to handle overlaps.
AI-generated descriptionLine chart for one week in 2015.
Draws from
- News Source by Age Grouped Bar Chart for Vega-Lite setup.
- Vega-Lite: Trellis Area Example
Also related - Vega-Lite GitHub Issue: Specify Label Width for Facet
Data: a week of rich sensor data collected by the "Sense Your City" project.
Contains:
- Hourly readings for one week
- Different cities: San Francisco, Bangalore, Boston, Geneva, Rio de Janeiro, Shanghai, Singapore
- Various mertics from sensors: temperature, light, air quality, sound, humidity, dust
The data was collected from the (now defunct) Data Canvas - Sense Your City Project. The data was filtered using the data processing script found in GitHub: curran/data/senseYourCity.