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)

0f43921fd60944e7945f68dea72d6338

Fork of Line Chart with Multiple Lines

0 stars0🌍 Public
Cchandanagandla
Last edited Apr 8, 2023
Created on Apr 8, 2023

This line chart displays one week of temperature data in degrees Celsius for cities worldwide, sourced from Data Canvas - Sense Your City. Each city is represented by a colored line, with a legend showing city names and a title above the chart. The visualization uses d3.scaleTime, d3.scaleLinear, and d3.scaleOrdinal to map time, temperature, and city colors, while d3.line with curveBasis generates smooth paths. Nesting via d3.nest groups data by city, and the code includes custom axis labels and a reusable color legend component, all rendered as SVG.

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.