<!DOCTYPE html>
<meta charset="utf-8">
<head>
<title>Page Title</title>
<style>
circle {
fill: steelblue;
stroke: #fff;
stroke-width: 3px;
}
path {
fill: none;
stroke: #000;
stroke-width: 1px;
}
</style>
</head>
<body>
<div id='arrows'></div>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="dist/d3-cyclicarrow.js"></script>
<script>
d3.svg('path.svg').then(function (svg) {
svgnode = document.importNode(svg.documentElement, true);
console.log(svgnode);
d3.select("div#arrows").node().append(svgnode);
console.log('sss');
bh = d3.cyclicarrow()([]);
console.log(bh);
console.log('aaa');
});
</script>
</body>