Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Temperature line chart

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed