{"version":"1.0","type":"rich","title":"Point-Along-Path Interpolation","description":"Two closed Catmull–Rom splines are drawn with D3’s SVG line generator, and clicking anywhere on the page appends a red circle that begins a looping 10-second transition along one of the paths. The animation relies on the native SVG path methods `getTotalLength` and `getPointAtLength`, which the `transition.attrTween` uses to compute the circle’s position at each time step. The example demonstrates point-along-path interpolation with d3.v3, rendering both the static paths and animated circles in SVG.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-da1e1bdb53cd9df07b0d7848835f2b9f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}