{"version":"1.0","type":"rich","title":"Point-Along-Path Interpolation","description":"A click on the SVG canvas spawns a blue circle that continuously animates along a closed Catmull–Rom spline, while a second static path outlines a similar shape. The moving circle’s position is interpolated using the SVG path methods `getTotalLength` and `getPointAtLength`, driven by D3’s `transition.attrTween` over a 10-second loop. Two cardinal-closed paths are drawn with `d3.svg.line`, and the code also supports adding runners with random colors.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-fbc32c4d940260be137180b55ae6f428?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}