Fork of Racing Bar Chart Animation Test
✓ Published0🌍 Public
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
MIT Licensed