{"version":"1.0","type":"rich","title":"[SR] Scatter Plot with React & D3","description":"This scatter plot visualizes the relationship between sepal length and sepal width in the Iris dataset, with each point colored teal and showing tooltips on hover. The visualization is built using React components that leverage D3’s `scaleLinear` and `extent` for scaling axes, while custom `AxisBottom` and `AxisLeft` components render SVG tick marks and labels. Data is loaded asynchronously via D3’s `csv` parser from a GitHub gist. The chart displays formatted tick values (like compact notation) and includes rotated axis labels, with margins defining the plot area.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2b878aaca0894c7ba99c7e2040b29060?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}