{"version":"1.0","type":"rich","title":"Circles with D3","description":"This example demonstrates the basic structure of a VizHub V3 visualization using a gray SVG canvas populated with six colored circles. It shows how to establish an SVG scene and render data-driven shapes, with each circle’s position, size, and color specified by properties in a JavaScript array. The code uses the D3 library, specifically the `select` API, to create the SVG container and join circle elements to the data, setting attributes like `cx`, `cy`, `r`, and `fill`, along with a fixed opacity value.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0fafa3a1e42741cf9eddb25da577def7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}