{"version":"1.0","type":"rich","title":"line chart","description":"This line chart example presents two datasets: ticket prices by year and Klout scores by day. Clicking color swatches animates the chart between the two data sets, updating both the x- and y-axes, and the line’s gradient stroke. The visualization is built with D3 v4, using SVG rendering and transitions to animate axis rescaling and path redrawing. The code uses `d3.timeParse`, `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.line` for drawing the line.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/18efbf2c7bb44d399288b07cd284314c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}