{"version":"1.0","type":"rich","title":"Color and Size Legends","description":"This example demonstrates two legend types for scatterplot-style data: a color legend mapping categorical values to distinct hues, and a size legend using a square-root scale to encode continuous numeric magnitudes. Both legends render as SVG groups containing circles and text labels, with the color legend using `d3.scaleOrdinal` and the size legend using `d3.scaleSqrt` with tick generation from `sizeScale.ticks`. The legends are positioned manually via SVG transforms and styled with CSS classes for the tick marks.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/10ecd2711d9241ca8ecd445f2a030c97?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}