Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Line Chart with Multiple Lines Ynst

Public visualization

Viewing a saved revision (read-only)

b8f5b5cf1eae45f7a2cf335e4f23310c

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.