Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line Chart with Multiple Lines

Public visualization

Line Chart with Multiple Lines

0 stars1🌍 Public
Bbprokopowicz
Last edited Apr 2, 2020
Created on Apr 2, 2020

A multi-line chart displays a week of temperature readings across multiple cities, with time on the x-axis and temperature on the y-axis. The visualization uses d3.scaleTime, d3.scaleLinear, and d3.scaleOrdinal with a category10 color scheme to encode city identity. Lines are generated with d3.line and a basis curve, while a custom color legend component renders SVG circles and text. Data comes from a CSV file loaded via d3.csv, with axes and gridlines produced by d3.axisBottom and d3.axisLeft.

AI-generated description

D3 course follow along.

Comments

Sign in to join the discussion.

MIT Licensed