d3 pie chart transition with attrtween

Question

i\'m trying to somehow sweep in a half-donut-chart, meaning starting with a blank screen the chart starts drawing at -90 degree (or 270) and performs a halfcircle until reaching

Answer 1

after quite some variations and tests it somehow started to work, using these to lines of code:

var pie = d3.layout.pie().sort(null).startAngle(-90*grad).endAngle(90*grad);

var i = d3.interpolate({startAngle: -90*grad, endAngle: -90*grad},a);

one final "problem" was that the height of the svg was too small and so some segments got cut off, so changing it to

var height = 800;

ended my search. thanks for any considerations.

Answer 2

A small typo on the

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

should be:

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