{"version":"1.0","type":"rich","title":"Interactive Color Legend","description":"This example visualizes the Iris Dataset as a scatter plot, mapping sepal length against petal length and coloring points by species using a categorical color scale. An interactive color legend allows hovering over species names to highlight corresponding marks while dimming others. The implementation leverages d3.scaleOrdinal, d3.scaleLinear, d3.extent, and d3.selection’s .join() method for efficient DOM updates. Axes and legends are composed as reusable functions, with hover interactions managed through explicit event handlers on legend ticks.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a446f43c024a49608f7ae418cde946a2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}