{"version":"1.0","type":"rich","title":"Color and Size Legends","description":"A static SVG demonstrates two legend styles built from reusable D3 functions. `colorLegend` maps an ordinal color scale across fruit categories with fixed-size circles, while `sizeLegend` uses a square-root scale to represent numeric values through varying circle radii. Both legends render SVG groups with labeled ticks, using `scaleOrdinal`, `scaleSqrt`, and explicit spacing and text-offset parameters. The code defines separate modules for each legend and composes them in a single SVG canvas via `selection.call()`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3dcdc6505efb450494644716f68793da?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}