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)

c35e229d8ef84d3ca62207142a87c972

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.