{"version":"1.0","type":"rich","title":"Iris Scatter Plot","description":"This example visualizes the classic Iris dataset, plotting sepal length against sepal width for 150 flowers. Each point is rendered as a circle using D3’s data join pattern through the `selectAll('circle').data().join()` API. The visualization loads data asynchronously via D3’s CSV parser, then constructs linear scales from the data extent with `scaleLinear` and `extent`. Axes are generated using `axisBottom` and `axisLeft`, while labels integrate React’s component lifecycle with D3 selections. The code separates concerns into modules for scales, axes, labels, and points, demonstrating a modular React-D3 integration approach.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9714522fe8584702b67aadec5e4a19da?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}