{"version":"1.0","type":"rich","title":"Making a Scatter Plot with React & D3","description":"This scatter plot visualizes the Iris dataset, mapping sepal length and width for individual flowers. It demonstrates a modular approach to combining React and D3, where D3's `scaleLinear` and `extent` APIs handle the data scaling and domain calculation, while React components render the SVG elements. The axes are custom-built using D3's tick generation, and the plot includes interactive tooltips via SVG `<title>` elements and labels for both axes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ad27405a0f484147800268deb5fc1c28?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}