{"version":"1.0","type":"rich","title":"Circles and lines","description":"Two categorical legends, each repeating the same orange, green, yellow, and red color scale, display colored circles beside black lines. A separate size legend shows circles whose radii correspond to numeric tick values. The example demonstrates reusable legend components built with d3.scaleOrdinal, d3.scaleSqrt, and custom SVG rendering in d3.v5.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/afb83df80713440ba335490caa88bbba?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}