{"version":"1.0","type":"rich","title":"Fork of React & D3 Starter","description":"This example demonstrates a decoupled React & D3 starter, showing a classic scatter plot of the Iris dataset. It uses the `viz` function to create the plot, drawing circles for each data point using `d3.scaleLinear` for x and y axes, and `d3.extent` to compute the domain. The `axes` function uses `d3.axisLeft` and `d3.axisBottom` to add the axis elements. The rendering is done in SVG, with React managing the wrapper component and D3 handling the imperative visualization logic. The code includes commented-out experiments with rectangles and masks, showing the starter's flexibility for scaling complexity.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5da6276c0c36447298460d8ef7ea9622?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}