{
const path = svg`<path id='max-path' d="${maxspath}">`
let group = svg`<g stroke=#000a fill=#fffa>`;
let view = svg`<svg viewBox="-20 -20 400 200" width=600>
<g stroke=#0af4 stroke-width=20 fill=none>${path}</g>
<g stroke=#000a fill=#fffa>`;
const point = path.getPointAtLength(700);
const length = path.getTotalLength();
const sampleCount = 1000;
let polygon = document.createElementNS("http://www.w3.org/2000/svg", "polygon");
view.appendChild(polygon)
let points = [];
for (let i=0; i < sampleCount; i++) {
let pts = path.getPointAtLength(i * length / (sampleCount-1));
polygon.points.appendItem(pts);
points.push()
}
console.log("points = ", points);
return view;
}