{"version":"1.0","type":"rich","title":"Scatter Plot with D3 Rosetta","description":"This example shows an interactive scatter plot of the Iris dataset, visualizing sepal length and width with points colored by species. The visualization includes a legend that highlights data points of a species when hovered. It demonstrates the d3-rosetta library's unidirectional data flow pattern, using `one` for DOM element management and `createStateField` for state handling. The code uses D3 v7 APIs including `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.axisBottom`, and `d3.axisLeft` within a React framework.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bc791dae57af42758b4db6e4a4bd8750?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}