{"version":"1.0","type":"rich","title":"Point-Along-Path Interpolation","description":"Two closed Catmull–Rom spline paths appear as black outlines on a white SVG canvas. Clicking anywhere on the canvas spawns a colored circle that animates along the path, moving at a constant speed. This is achieved by leveraging the SVG path methods `getTotalLength()` and `getPointAtLength()` to compute the circle’s position at each animation frame. The motion loops continuously, with each circle retaining its own velocity, acceleration, and top-speed properties, producing an organic, independent movement around the spline.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-3c834ac2c55a9a86348d65c886d857f2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}