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 stars1🌍 Public
MMatthiasVanCampen
Last edited Feb 20, 2020
Created on Feb 14, 2020

This visualization shows a week of temperature readings from multiple cities, with each city represented as a colored line to reveal comparative trends. The chart uses a time-scaled x-axis, a linear temperature y-axis, and an ordinal color scale, with a custom legend displayed on the right. The code relies on d3.csv, d3.nest, d3.line with d3.curveBasis, and d3.axisBottom/axisLeft to render the SVG. Data is loaded from an external CSV file containing timestamp and temperature values, with gridlines drawn through tick sizing and stroke styling.

AI-generated description

This data comes from my own idea about how interesting different visualisation techniques can be in order to get an amazing Project Visualisation dashboard.

Comments

Sign in to join the discussion.

MIT Licensed