{"version":"1.0","type":"rich","title":"Color and Size legends","description":"D3 v5 uses ordinal and square-root scales to generate two separate legends side-by-side. A color legend maps categorical fruit names (apple, lemon, lime, orange) to distinct colors, with each entry rendered as a circle and label via the `colorLegend` function. A size legend maps a continuous 0–10 domain to varying circle radii, using `scaleSqrt` and ticks filtered to exclude zero. Both legends are drawn as SVG groups positioned manually, styled with CSS for fonts and stroke opacity.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8dad6a5a939a49ff9c83bfd691ed5029?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}