{"version":"1.0","type":"rich","title":"color and size legends -1","description":"This example demonstrates two distinct legends: one mapping categorical colors to fruits, and another mapping numerical values to circle sizes. The color legend uses `scaleOrdinal` with red, yellow, green, and orange for apples, lemons, limes, and oranges. The size legend uses `scaleSqrt` to scale circle radii from 0 to 50 for ticks between 1 and 10. Both legends render SVG text and circles, with the size legend's circles having a semi-transparent fill and stroke opacity. The code uses D3 v5 API calls like `selection.selectAll`, `attr`, and `.merge`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/03acef9731d142f391f6fa48dd7062c6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}