JSFiddle - React, Tailwind, and code Playground

by Henry

HTML

<svg width="960" height="500"><g><path class="line" d="M407,233L505.666,233.666"></path></g></svg>

CSS

.line {
  fill: none;
  stroke: steelblue;
  stroke-width: 2.5px;
}

JavaScript

var p = d3.select("body").select("g").select("path");

console.log(p);

var path_data = p[0];

var segments = path_data[0].animatedPathSegList;

console.log(segments);

for (i = 0; i < segments.numberOfItems; i++) { 
    console.log("Point " + i + ": " + segments[i].x + ", " + segments[i].y);
}