Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a line chart with multiple lines

Public visualization

Viewing a saved revision (read-only)

80c64af58f4e43bc9c4957cd2672e0b1

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