{"version":"1.0","type":"rich","title":"Moving Forward Line - 20s Loop","description":"A line chart animates a 20-second loop of a sinusoidal dataset, with a red circle tracing the line's leading edge as it draws and erases. The line uses an SVG path with a stroke-dasharray and stroke-dashoffset to simulate continuous updating. D3 v3's transition and tween function calculate the point’s position along the path via `getPointAtLength`, while the line’s interpolation is set to 'cardinal'. The animation repeats indefinitely through a recursive `tick` function.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-bede10f6dfc0cbed94e8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}