Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line Chart with Multiple Lines

Public visualization

Viewing a saved revision (read-only)

861a6ec6a25743e5b77a29bcfe717f01

Line Chart with Multiple Lines

0 stars1🌍 Public
Zzhouxiaojiejillian
Last edited Apr 4, 2020
Created on Apr 4, 2020

This line chart displays one week of temperature data in degrees Celsius for cities worldwide, sourced from Data Canvas - Sense Your City. The visualization uses d3.scaleTime, d3.scaleLinear, and d3.scaleOrdinal with d3.nest to group data by city, rendering smooth lines via d3.line with curveBasis. A custom color legend component and d3.axisBottom/axisLeft with grid lines complement the SVG rendering. d3.csv loads the data, while styles apply stroke-linejoin, stroke-linecap, and mix-blend-mode for visual distinction.

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.