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)

e734b905039d40379b6ba5a4efefb6f8

Line Chart with Multiple Lines

0 stars1🌍 Public
HHe Jianfeng
Last edited Apr 15, 2021
Created on Apr 15, 2021

This example displays a week of temperature data for multiple cities using an SVG line chart with one line per city, colored via a categorical scale. The chart includes labeled axes, a title, and a color legend positioned to the right. It uses d3.scaleTime and d3.scaleLinear for scaling, d3.axisBottom and d3.axisLeft for axes, d3.line with curveBasis for smooth paths, and d3.group to organize data by city. The data originates from the Data Canvas "Sense Your City" dataset.

AI-generated description