{"version":"1.0","type":"rich","title":"Point-Along-Path Interpolation","description":"Two closed Catmull–Rom splines are drawn as black outlines. Clicking anywhere on the SVG adds a colored circle that then animates along one of the two paths, using the SVG path methods `getTotalLength` and `getPointAtLength` to interpolate its position. A running counter in the top right displays the animation progress as a percentage, and each new click adds another circle with a randomly assigned color, creating multiple points moving simultaneously along the paths.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-84468a5f4e918bd1e8551694f1215a78?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}