Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a line chart with multiple lines

Public visualization

Making a line chart with multiple lines

0 stars0🌍 Public
Aakshayms0
Last edited Nov 9, 2022
Created on Nov 9, 2022
Forked from HTML Starter

This visualization depicts a week of temperature data for San Francisco, shown as a multi-line chart where temperature trends are traced over time. Using D3 v7, the code employs `scaleTime` and `scaleLinear` to map the temporal and temperature axes, while `nest` and `curveBasis` generate smooth lines for each city. A color legend, built with `colorLegend`, uses `scaleOrdinal` and `schemeCategory10`. Data comes from a CSV file, rendered as SVG with styled paths using `mix-blend-mode:multiply`.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed