Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Temperature Line Chart

Public visualization

Viewing a saved revision (read-only)

4ab786e5784f4a22b46ef374393b93ab

Temperature Line Chart

0 stars1🌍 Public
TTatyana Milanova
Last edited Oct 6, 2023
Created on Oct 5, 2023

This line chart visualizes weekly temperature readings from the Data Canvas Sense Your City dataset, plotting temperature against time. The React component uses d3.scaleTime and d3.scaleLinear for axes, with data loaded via d3.csv. A smooth curve, generated by d3.line().curve(curveNatural), connects points, while circles with tooltips provide individual readings. The SVG rendering includes custom AxisBottom and AxisLeft components that map ticks from the scales, and the chart displays time on the x-axis and temperature on the y-axis with labeled axes.

AI-generated description