{"version":"1.0","type":"rich","title":"Point-Along-Path Interpolation","description":"This visualization demonstrates how to interpolate a point along an SVG path using the native `getTotalLength` and `getPointAtLength` methods. Two rectangular Catmull–Rom splines are rendered, with circles animated along each path using custom Vector and Runner classes that apply acceleration, velocity, and edge-bouncing behavior. The animation shows two points moving along the paths, with their motion influenced by simple physics (forces and mass) while remaining constrained to the path geometry. The example is built with D3 v3 and renders using SVG, with the circles styled with white strokes to stand out against the black paths.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-69df80f70ee841f1cf72a3cbe1f9e54b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}