JSFiddle - React, Tailwind, and code Playground

by Simon Raper

HTML

<svg>
<path d="M28.284271247461902,-28.2842712474619L49.49747468305833,-49.491067811865476, Z" stroke="red" transform="translate(200,200)">
</path>
</svg>

JavaScript

var svg = d3.select("body")
    .append("svg")
    .attr("width", 500)
    .attr("height", 500); 

var line = d3.svg.line.radial()
              .angle(Math.PI/4)
              .radius(function(d) { return d; });
console.log( line([40,70, 100, 50]));

svg.append("path").attr("d", function(){
return line([40,70, 100]) + " Z";
})
.attr("stroke", "red").attr("transform", "translate(200,200)");