{"version":"1.0","type":"rich","title":"Untitled","description":"A black cubic Bézier path is drawn on an SVG canvas using D3 v4, with its total length queried via `getTotalLength()`. The example marks two points sampled along the path at 50% and 78% of its length, using `getPointAtLength()` to position small red and blue circles. A green line is then constructed between the two points and extended backwards to the canvas edge, demonstrating how to compute a secant line from arbitrary positions along a vector path. The visualization uses inline SVG elements created through D3's selection API, with styling applied via a linked CSS file.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/57dad5cb1c484b0da539f6dda9350a23?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}