I am trying to create a D3 sunburst chart based on this example:
https://bl.ocks.org/maybelinot/5552606564ef37b5de7e47ed2b7dc099
I'd like the arcs created to close the full circle but they don't.
For testing purpose and simplicity, the sum of every element's size in the the same depth equals 360.
Follows my jsFiddle:
https://jsfiddle.net/igasparetto/uz8rz13d/
Something is telling me the problem is on these lines:
var partition = d3.partition();
var arc = d3.arc()
.startAngle(function(d) { return Math.max(0, Math.min(2 * Math.PI, x(d.x0))); })
.endAngle(function(d) { return Math.max(0, Math.min(2 * Math.PI, x(d.x1))); })
.innerRadius(function(d) { return Math.max(0, y(d.y0)); })
.outerRadius(function(d) { return Math.max(0, y(d.y1)); });
Thanks