{"version":"1.0","type":"rich","title":"Line Chart","description":"A line chart visualizes sales volume by month across multiple districts, with time on the x-axis and temperature-derived sales values on the y-axis. Using D3 v5 and SVG rendering, the code employs `scaleTime`, `scaleLinear`, `scaleOrdinal`, `line` with `curveBasis`, and `nest` to group data by district. Axes are generated via `axisLeft` and `axisBottom`, with data fetched from a CSV and dates parsed using dayjs. A custom `colorLegend` function displays the categorical color scale.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3d71424f9ff3498da3abce8cc8bebf7f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}