{"version":"1.0","type":"rich","title":"Melting Data for multiple lines | interractive Legend","description":"This example visualizes population trends for multiple countries from 1950 to 2100 as a multi-line chart, with an interactive legend allowing users to highlight a single country by clicking its legend entry or line path. The chart uses d3.nest to group data, d3.scaleTime and d3.scaleLinear for axes, and d3.line with curveBasis for smooth paths. Rendered as SVG, the color legend is built with custom reusable code that updates stroke opacity on selection. Data comes from UN population estimates fetched via d3.dsv.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9dd501ec9a9b4fd98082b9642cc4853b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}