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
FFelipe Maion
Last edited Dec 19, 2020
Created on Dec 18, 2020

This line chart displays a week of temperature data (in degrees Celsius) for cities worldwide, sourced from Data Canvas - Sense Your City. It uses D3 v5 to render an SVG visualization, with the `scaleTime` and `scaleLinear` functions mapping timestamps and temperatures to axes. The chart includes multiple smoothed lines (`line` with `curveBasis`) colored by city via a `scaleOrdinal` color scale, a legend built with a custom `colorLegend` function, and grid lines generated by `axisBottom` and `axisLeft`.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in cities around the world. The data comes from Data Canvas - Sense Your City.

Comments

Sign in to join the discussion.

MIT Licensed