Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line Chart with Multiple Lines

Public visualization

Line Chart with Multiple Lines

0 stars0🌍 Public
Ttarunjada
Last edited Sep 30, 2020
Created on Sep 29, 2020

This line chart displays one week of temperature data for cities around the world, sourced from Data Canvas - Sense Your City, with each city rendered as a separate smoothed line using `d3.line` with `curveBasis`. The visualization includes a color legend built with `d3.scaleOrdinal` and `schemeCategory10`, while axes are generated via `d3.axisBottom` and `d3.axisLeft`. Data is loaded with `d3.csv`, grouped using `d3.nest`, and rendered as an SVG with `mix-blend-mode: multiply` for overlapping lines.

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