{"version":"1.0","type":"rich","title":"Scatterplot in react d3","description":"This interactive scatterplot displays the Iris dataset, plotting sepal width against a user-selected attribute (petal width, sepal length, etc.) via a dropdown menu. Each flower is rendered as a circle, colored by species using a d3.scaleOrdinal. Built with React and D3 v6, the visualization loads CSV data from a GitHub gist, applies linear scales using d3.scaleLinear, and renders SVG circles for marks. The dropdown updates a React state hook, which dynamically adjusts the x-scale domain and re-renders the chart.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f2e27c6c13894d9d96735a4537f0cd31?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}