Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line Chart with Multiple Lines

Public visualization

Viewing a saved revision (read-only)

cbced99f175f41bcaa97cdbc572b3ab3

Line Chart with Multiple Lines

0 stars0🌍 Public
TTylerWoodby16
Last edited Nov 29, 2020
Created on Nov 29, 2020

This interactive line chart displays one week of temperature readings in Celsius for multiple global cities, sourced from Data Canvas - Sense Your City. The visualization uses `d3.line` with `curveBasis` to create smooth paths, `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.scaleOrdinal` with `schemeCategory10` for color assignment. A custom `colorLegend` module renders the city key, while data parsing and nesting rely on `d3.csv` and `d3.nest` to group readings by city. The SVG output includes grid lines, axis labels, and a title.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in cities around the world. The data comes from Data Canvas - Sense Your City.