Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line Chart - from Working with Time

Public visualization

Viewing a saved revision (read-only)

8dfbf6a9120148cea94ba5c31af5a52a

Line Chart - from Working with Time

0 stars0🌍 Public
Aarock392
Last edited Dec 24, 2019
Created on Dec 24, 2019

This line chart visualizes temperature readings over one week from the Data Canvas Sense Your City dataset, depicting time on the x-axis and temperature on the y-axis. The SVG visualization, built with React and D3 v5, uses `scaleTime` and `scaleLinear` for axes, and draws the line with `line().curve(curveNatural)` while rendering data points as circles with tooltips showing the timestamp. Styled with the Poppins font and teal marks, the example demonstrates natural curve interpolation for time-series data.

AI-generated description

Learning to Make a Line Chart - A scatter plot of Data Canvas Sense Your City Dataset.