Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Line Chart with Multiple Lines

Public visualization

Viewing a saved revision (read-only)

0c7afc9ee7e24d97a2af865f0b934817

Fork of Line Chart with Multiple Lines

0 stars0🌍 Public
Aaditikandoi
Last edited May 17, 2022
Created on May 17, 2022

This line chart displays one week of temperature data for cities worldwide from the Data Canvas - Sense Your City dataset, with each city rendered as a separate colored line using D3’s `nest` and `scaleOrdinal`. The visualization uses `d3.line` with `curveBasis` for smooth paths, `d3.scaleTime` and `d3.scaleLinear` for axes, and a custom `colorLegend` function for the categorical legend. The SVG includes labeled axes, a title, and gridlines generated via `axisBottom` and `axisLeft`, with lines styled using `mix-blend-mode: multiply`.

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.