{"version":"1.0","type":"rich","title":"Charts","description":"Five circles animate from the center of a bar chart container, using D3.js v4 to represent a small array of five numeric values loaded from a local data.json file. The circles scale along linear x and y axes based on the data’s maximum, with their fill colors assigned via `d3.scaleOrdinal` and `d3.schemeCategory20`. A button click generates five new random values, triggering a transition on the existing circles to update their positions, while newly added or removed circles enter and exit via the classic D3 data-join pattern.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-54678a9b3e9d415d7f73f933fa5bfd54?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}