{"version":"1.0","type":"rich","title":"Reusable D3 scatter plot with symbols","description":"This example demonstrates a reusable scatter plot component built with D3 and React, visualizing the classic Iris dataset by mapping petal length and sepal length to the x and y axes. It uses `scaleLinear` and `extent` for axis scaling, and `scaleOrdinal` to assign distinct symbols to each species. The plot is rendered as SVG, with data loaded asynchronously via `csv` and the chart configured through a fluent, method-chaining interface. Axis labels and tick marks are generated using `axisLeft` and `axisBottom`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1d55e1d4e1be4a31aed10291e0eced73?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}