{"version":"1.0","type":"rich","title":"College Interactive Color Legend","description":"This example visualizes the College Dataset, plotting PhD percentage against enrollment numbers for each institution, with color encoding the public or private status. Built with React and D3 v5, it uses a custom SVG renderer with scales for the axes and a categorical color scale for the legend. The interactive color legend allows hovering to highlight data points of a selected category, fading the rest, which is implemented through React state management and event handlers on the legend circles.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7bcc5c2658f644d09f9fed0391e41b1e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}