{"version":"1.0","type":"rich","title":"Racing Bar Chart Animation Test","description":"Six labeled bars race in ascending order, with values expressed in meters, as randomized increments of ten repeatedly re-sort the ranking. The React component uses D3 v5’s `scaleBand`, `scaleLinear`, and `selectAll().data().join().transition()` to animate rectangle widths and text labels over 750 milliseconds per step. A custom `useInterval` hook drives updates every 750 milliseconds, triggered by a Start/Stop button, with iteration count displayed. Bars and labels transition smoothly while maintaining SVG rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6e2ec025d8e540138db03b4258e9a06c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}