Text on an Arc - Animal Donut Slices - Default Arc Labels

This is the first “Animal Donut Chart” example of the Blog Placing Texts on Arcs with D3.js in which the texts are placed at the start of each arc. All without writing the SVG path notations yourself.

• The next step has this text centered along the arcs
• The final version also has the bottom half of the texts flipped

Other examples of text along a path from the same blog

• Months inside arcs
• Animated text on arc - simple movement
• Animated text on arc - between different paths