Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Live Line Chart

Public visualization

Live Line Chart

0 stars0🌍 Public
Llloydrichards
Last edited Mar 6, 2021
Created on Mar 6, 2021

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 description

Comments

Sign in to join the discussion.

MIT Licensed