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)

a07aa9f8a4334577a4aa83d74dcb6fda

Fork of Line Chart with Multiple Lines

0 stars1🌍 Public
Jjwadh
Last edited Feb 21, 2022
Created on Feb 21, 2022

This line chart displays one week of temperature data (in degrees Celsius) for cities around the world, sourced from Data Canvas - Sense Your City. Each city is represented by a distinct colored line, with time on the x-axis and temperature on the y-axis, sorted by each city's final temperature reading. The visualization uses d3.scaleTime, d3.scaleLinear, d3.scaleOrdinal, d3.line, d3.curveBasis, d3.nest, and d3.axisBottom/axisLeft to render the chart and its axes. A custom colorLegend function draws the categorical legend, and the SVG output includes styled grid lines and labels.

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.