Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Line Chart with Multiple Lines Ynst

Public visualization

Fork of Line Chart with Multiple Lines Ynst

0 stars0🌍 Public
YYnstc
Last edited Aug 19, 2021
Created on Aug 19, 2021

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 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.

Comments

Sign in to join the discussion.

MIT Licensed