{"version":"1.0","type":"rich","title":"d3 test","description":"This example demonstrates how to create and place basic geometric shapes—a circle, a square, and a star—on an SVG canvas using D3 v5’s data-join and custom append function. The code defines an array of shape objects, binds it with `svg.selectAll().data().enter()`, and then appends each element via a `shapemaker` function that returns the appropriate SVG node. The function uses D3 selections and the `d3.symbol` API with `d3.symbolStar` to generate the star’s path, while styling defaults like `steelblue`, `orange`, and `crimson` are applied conditionally. Rendering is static SVG, with no interaction or transitions.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-bd3a10e2eac2d3be2cd2d17dddae21b5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}