🌍 Public
Viewing a saved revision (read-only)
948e26e645a9470f8bdf10d9007696a0
Fork of Racing Bar Chart Animation Test
A racing bar chart animation continuously updates six categorical values—alpha through foxtrot—as each bar increments by ten meters at random intervals. The visualization uses React with D3 v5’s `scaleBand` and `scaleLinear` to position bars and labels, while transitions animate height and width changes over 750 milliseconds. A custom `useInterval` hook triggers data mutations, and a ResizeObserver monitors container dimensions. Bars are rendered as SVG rectangles, with text labels displaying current values.
AI-generated descriptionFollowing along with Muri's Bar Chart tutorials.
This covers:
- Attempting a racing bar chart
- Understanding custom react hook UseInterval
- useInterval Github