{"version":"1.0","type":"rich","title":"Point-Along-Path Interpolation","description":"This example uses SVG’s `getTotalLength` and `getPointAtLength` methods to animate a point along a Catmull–Rom spline. Two rectangular paths are drawn as black outlines, and a small white-stroked circle follows the second path, moving from corner to corner. The animation is driven by a custom Runner class that applies acceleration and velocity to the point, while the path’s geometry is sampled at successive lengths to position the circle. A small text label and the dark outlines keep the composition minimal. The technique demonstrates dynamic interpolation along a path, in contrast to static stroke-dash interpolation, and is implemented with D3 v3 and SVG animation.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-053aa5bcf0df9af176b4876dc424cc54?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}