{"version":"1.0","type":"rich","title":"Point-Along-Path Interpolation","description":"Two square Catmull–Rom spline paths are drawn in black, and clicking the SVG spawns colored circles that animate along the paths. Each circle moves along one path for the first 30% of its journey, then switches to the other path for the remainder, while a text label displays the animation progress. The example uses D3 v3 with SVG transitions and `transition.attrTween` to interpolate positions via the native `getTotalLength` and `getPointAtLength` methods on path elements.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-407b6f72887521cf504558b58d7300dd?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}