{"version":"1.0","type":"rich","title":"Fork of Interactive Color Legend","description":"This interactive scatter plot visualizes the Iris dataset, showing petal length against sepal width with points colored by species. Users can hover over the color legend to highlight a selected species while dimming all other data points. The visualization uses d3.scaleLinear for axes, d3.scaleOrdinal for categorical colors, and d3.csv for data loading. React manages state for hover interactions, while SVG elements render the axes, legend, and data marks. The code also includes reusable AxisBottom, AxisLeft, ColorLegend, and Marks components.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7551edf9f67142c2aafb95467bf1acec?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}