Here is the link to my fiddle: fiddle. The issue I am facing is related to center pie and circles around its circumference. While everything seems fine so far, I am struggling with placing text and images on all the small circles. Adding text is causing misalignment from the center.
To tackle this problem, I considered drawing a few circles at a time, maybe each quadrant, and adjusting the width accordingly. However, the total number of small circles varies, making it difficult for me to determine how many circles are in each quadrant at a given time. I believe there might be a more elegant solution that I am overlooking. If anyone is willing to share their insights, I would greatly appreciate it.
sub_circle.append('text')
.attr('class', 'labels')
.text(function (d) {
return d.name;
})
.attr('x', function (d, i) {
return (350 * Math.cos(scale_arcs_parent(i)) + 500);
})
.attr('y', function (d, i) {
return (350 * Math.sin(scale_arcs_parent(i)) + 350);
})