Fork of Line Chart with Multiple Lines Ynst
This line chart displays one week of temperature data in degrees Celsius across multiple global cities, sourced from Data Canvas - Sense Your City. The visualization uses D3.js v5 with an SVG rendering approach, featuring a multi-line layout where each city is represented by a distinct colored path using `d3.line` and `curveBasis`. The chart includes axes generated with `d3.axisBottom` and `d3.axisLeft`, a categorical color scale via `scaleOrdinal` and `schemeCategory10`, and a custom color legend component. City lines are sorted by descending last temperature value using `d3.nest` and `d3.descending`.
AI-generated descriptionThis line chart shows one week of temperature (in degrees Celcius) in cities around the world. The data comes from Data Canvas - Sense Your City.








Comments
Sign in to join the discussion.