{"version":"1.0","type":"rich","title":"Animated Bars","description":"This example animates a scatter plot where each point transitions from a shared origin to its final position, revealing the distribution of a generated dataset. The data is computed in the browser, creating a sequence of 851 points using a greatest common denominator algorithm. Built with React and D3 v5, the visualization uses SVG circles rendered through a custom `Mark` component. Transitions are handled by D3's imperative API via `d3.select` and the `.transition()` method, animating the `cx` and `cy` attributes with a per-point delay to create a cascading effect.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7dcf8988fdd443309f9c68f0c66e870f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}