{"version":"1.0","type":"rich","title":"making a bar chart","description":"This example shows a single yellow circle animating downward over a red SVG background. The circle is centered horizontally and vertically, then transitions its vertical position over two seconds using a D3 transition. The code uses D3 v7’s `select` and `append` to create the SVG circle, and reads the SVG’s width and height attributes to position it. The animation is driven by the `transition().duration()` method, with a hardcoded frame size of 960 by 500 pixels.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/caa4874222f54237b24e0f3365434ecb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}