{"version":"1.0","type":"rich","title":"Ep. 33 | Scatter Plot with Color","description":"This example visualizes the classic Iris Dataset as an interactive scatter plot, letting users select which flower measurements to plot on the X and Y axes from dropdown menus. The chart renders each data point as a circle colored teal using SVG, with axes labeled and formatted via d3.scaleLinear, d3.extent, and d3.format. React manages the UI state, while D3’s csv loader fetches and parses the data. The code also includes a tooltip showing the X value on hover via SVG title elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b46d75ff7d1749a19a07950eb2b7e58d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}