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
Ssinsanjeeev
Last edited Oct 22, 2019
Created on Oct 21, 2019
Forked from Hello VizHub

This line chart displays one week of temperature data for cities worldwide, sourced from Data Canvas - Sense Your City. It uses d3.csv to load the data and renders an SVG with multiple lines representing different cities. The chart scales time on the x-axis and temperature on the y-axis using d3.scaleTime and d3.scaleLinear, while d3.scaleOrdinal maps each city to a color from schemeCategory10. The d3.line generator creates each path, and a custom colorLegend function displays the city labels with their corresponding colors.

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