🌍 Public
Viewing a saved revision (read-only)
6a325f8256b74f2eb858493f14c12d0a
Live Line Chart
This interactive visualization displays a live-updating line chart where each click of the “Next Point” button appends a new random temperature value to the series. Built with React and D3 v5, the SVG chart uses `d3.scaleLinear` for both axes and a D3 line generator with `curveNatural` to render the smooth path. The code defines reusable axis components and dynamically adjusts the data array via React state, with axes and labels styled using Poppins typography.
AI-generated descriptionA scatter plot of Data Canvas Sense Your City Dataset.