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 stars0🌍 Public
Iinu231
Last edited Nov 6, 2019
Created on Nov 6, 2019

This visualization displays a week of temperature readings from multiple cities around the world as smooth, overlapping line charts. The chart sorts cities by their final temperature values and uses a color legend to distinguish them. Built with D3 v5, the code employs `scaleTime`, `scaleLinear`, `scaleOrdinal`, `line` with `curveBasis`, `nest`, and `axisBottom`/`axisLeft`. A mouseover interaction uses a `bisector` to find the nearest data point and displays a tooltip with the timestamp and temperature. The data comes from a CSV file loaded via `d3.csv`.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed