{"version":"1.0","type":"rich","title":"Point-Along-Path Interpolation","description":"Two nested rectangular paths drawn as Catmull–Rom splines are animated with circular markers that travel along them using the SVG `getTotalLength` and `getPointAtLength` methods. The example defines a custom `Runner` class with vector-based steering behaviors (seek, arrive, and edge wrapping) to move the circles around the closed paths, while D3's line interpolation renders the paths. An on-screen text label and the animated circles demonstrate the interpolation of positions along the splines in real time.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-94e426e9b9d8b7020ee78f505ea1658b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}