{"version":"1.0","type":"rich","title":"React Scatter Plot w/ Colors","description":"A React scatter plot visualizes the Iris dataset, showing sepal length against sepal width. Each of the three species receives a distinct color via D3's `scaleOrdinal`. The visualization uses D3's `scaleLinear` and `extent` for axes, with custom React components generating SVG ticks and circles. Hovering reveals formatted values via native SVG `<title>` tooltips. Data loads asynchronously from a CSV URL using a custom `useData` hook.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/018c4bd12bb44faa90d4fe06a7d7027c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}