{"version":"1.0","type":"rich","title":"Beer Explorer React","description":"This example visualizes the classic Iris dataset as a scatter plot, with sepal length on the x-axis and petal length on the y-axis, using SVG circles to represent each flower sample. The visualization is built using React for component management and D3 for rendering, specifically employing `d3.scaleLinear` for coordinate scaling and `d3.axisLeft`/`d3.axisBottom` for the axes. Data is loaded asynchronously from a CSV file via a custom `useData` hook and D3's `csv` parser. The code demonstrates a decoupled architecture where D3 handles the SVG manipulation within a React wrapper, suitable for scaling to more complex projects.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4f4c0206cd3b4f9d8ccf192009d89a1d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}