{"version":"1.0","type":"rich","title":"Success Rate","description":"This example displays a color legend for two fruit types, apple and lemon, each assigned a distinct color from a red-to-yellow palette. The visualization renders SVG circles with corresponding text labels, positioned along the horizontal center of a 960 by 600 canvas. Implemented in React with D3 v5, the code defines a custom `colorLegend` component that uses `scaleOrdinal` to map data domains to colors and appends circle and text elements to groups, with enter and exit animations for dynamic updates.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}