{"version":"1.0","type":"rich","title":"Point-Along-Path Interpolation","description":"Two closed Catmull–Rom splines are drawn as black paths on an SVG canvas, with four user-defined control points each. Clicking anywhere on the canvas adds a new runner—a blue circle—that continuously follows the nearest path using the SVG `getTotalLength` and `getPointAtLength` methods to interpolate its position along the curve. The runners’ motion is driven by a simple steering behavior simulation (velocity, acceleration, and force vectors), and each new runner is added to the dataset and rendered as a circle on click. The animation illustrates how points can be smoothly animated along arbitrary SVG paths, with the paths and circles updated dynamically in response to user interaction.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-00e021a14ee43498b9d9e53a7cc6c65b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}