{"version":"1.0","type":"rich","title":"Reusable D3 Scatter Plot Symbol","description":"This example demonstrates a reusable D3 scatter plot symbol component, displaying the Iris dataset with petal width on the x-axis and sepal length on the y-axis. Different iris species are rendered using distinct symbols via the `d3.symbol` API, with `d3.scaleOrdinal` mapping categories to symbol types. The visualization is built for React using an SVG rendering approach, where `d3.scaleLinear` handles axis scaling, `d3.axisLeft` and `d3.axisBottom` generate the axes, and `d3.extent` computes data domains. The component is configurable through a chainable interface, allowing flexible specification of dimensions, margins, and value accessors.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9ce058b80669491289e9ca89891dc9ad?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}