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)

e3d0f066ad1442bf9d664c426e951a6c

Line Chart with Multiple Lines

0 stars0🌍 Public
Ssafdarawan
Last edited Jun 12, 2020
Created on Jun 12, 2020

This line chart displays one week of temperature data across multiple cities worldwide, with each city represented by a distinct colored line plotted over time. The visualization uses d3.scaleTime and d3.scaleLinear to map timestamps and temperature values, while d3.line with curveBasis generates the smoothed paths. A nested data structure organizes measurements by city, and a custom colorLegend component renders the categorical scale using d3.scaleOrdinal with schemeCategory10. The chart includes gridlines, axis labels, and a title, with data loaded from a CSV file.

AI-generated description

This Scatter plot shows one week temperature in San Francisco.