{"version":"1.0","type":"rich","title":"Scatter Plot","description":"This scatter plot visualizes the Iris Dataset, showing sepal length on the x-axis and sepal width on the y-axis. The code uses React with D3 v5 utilities such as `scaleLinear`, `extent`, and `csv` to load and scale the data, rendering SVG circles with tooltips. Axes are constructed manually via D3’s `ticks()` method, with labels and grid lines styled through CSS classes. The visualization uses a teal color scheme and appears in the Observable-style v3 curriculum, demonstrating a straightforward approach to coordinate mapping and axis generation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/167227897cba40ab8f68ebfdfa45b2f4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}