{"version":"1.0","type":"rich","title":"7 - Update d3.js data automatically","description":"A line chart displays stock closing prices over time, automatically swapping between two datasets every five seconds using a `setInterval` loop. The visualization uses D3 v3 to load CSV data via `d3.csv`, parse dates with `d3.time.format`, and render SVG paths with `d3.svg.line`. Smooth transitions animate the line and both axes using `transition().duration(750)`, updating the scales (`d3.time.scale`, `d3.scale.linear`) to match the new data range. Grid lines and an area fill under the curve support the primary line chart.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-2552f4f2b2522b86d445ff3d43429cf9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}