{"version":"1.0","type":"rich","title":"Line Chart with Multiple Lines Matching The legend","description":"This example shows a week of temperature readings from multiple cities as smooth, overlapping line paths, with a color legend matching each line to its city. The chart uses D3 v6 with `scaleTime`, `scaleLinear`, and `scaleOrdinal`, and nests the CSV data by city via `d3.nest`. Lines are generated with `d3.line` and `curveBasis`, while a custom `colorLegend` component renders the legend with SVG circles and text.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/09e22063430b47b5a549ba9f0b74e89c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}