{"version":"1.0","type":"rich","title":"Coding Circles","description":"This example displays a simple tree scene composed of a brown trunk, a green circular canopy, and a green ground area, all drawn using D3.js. The visualization builds the scene by joining SVG elements—rectangles, circles, and lines—to a data array, using D3's `select` and `join` API. It sets positions, sizes, and fill colors directly from JavaScript objects, with the tree's branches and canopy sized relative to the container's dimensions. The code is structured as a call to `main` with a container, clearing existing SVG content before rendering each shape.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b21337e617ca4d14aaf0cffb87532577?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}