How to make d3.js pie chart animation on page load?

Question

JavaScript

There is a pie chart made on d3.js, you need to make this chart animate when the page loads. To make her look pretty.
How can you make such an animation?
Here is the chart itself:
codepen.io/ArtiSimonenko/pen/EKdqPm?editors=0010

Answer 1

Google d3 piechart transition/animation and so on. Find a million examples. In your case, you can do some animation of changing the radius at the beginning.
I played around a week ago, here is the result, it will suit you (but anyway, first google examples with comments to understand everything if you are not familiar with attrTween).
codepen.io/suez/pen/dc6416d34803ff7f4db884e70c0ce7ab