Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Temperature line chart

Public visualization

Viewing a saved revision (read-only)

f1235719835344a0a88fc74c458ff173

Temperature line chart

0 stars2🌍 Public
Ssurikmeetr
Last edited Mar 11, 2021
Created on Mar 11, 2021

This line chart visualizes temperature fluctuations over time, using a dataset from the "Sense Your City" collection. The chart’s smooth, curved line connects individual data points, each marked by a small circle that reveals the exact temperature value via a tooltip on hover. Built with React and D3 v6, it employs `scaleTime` and `scaleLinear` for axes, while `line` with `curveNatural` renders the smoothed path. The SVG visualization includes custom-styled axes and labels, with interactive hover effects on the data points.

AI-generated description

Stylized line chart demonstrating how to work with time. Data: Data canvas sense your city dataset