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
KKurt J Nilsen
Last edited Aug 11, 2020
Created on Aug 5, 2020

The visualization displays a week of temperature readings for San Francisco as a multi-line chart, with the y-axis labeled "temperature" and the x-axis representing time hourly. It uses D3 v5’s `d3.line` with `curveBasis` to draw each city’s temperature path, grouped by `d3.nest` and colored via `scaleOrdinal` with `schemeCategory10`. The SVG includes axes with `axisLeft` and `axisBottom`, a title, and a color legend built from a custom `colorLegend` component. Data comes from a semicolon-delimited CSV file, and rendering is entirely in SVG.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed