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)

2bfc202744044b82b53f4860ff43cc11

Line Chart With Multiple Lines

0 stars0🌍 Public
JJordan Arnold
Last edited Mar 9, 2021
Created on Mar 9, 2021

This example visualizes San Francisco temperatures over time for multiple cities using a multi-line chart. The visualization employs D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisLeft`, and `axisBottom` to construct the axes and scales. Data is loaded from a CSV file and grouped by city using `nest`, then each line is rendered via the `line` generator with `curveBasis` smoothing. The SVG render includes gridlines, a rotated y-axis label, and a title, all styled through CSS.

AI-generated description