
Let's begin by creating a basic pie chart without any labels or extra features. Here, we will use an array with data in order to create our visualization.
Let's take what we have learned in the previous lesson and build upon it. In this lesson, we take a dataset from a CSV file and use it to create our pie chart. We then add labels to the arcs so we know which parts of the data each arc corresponds to. Finally, we add a mouseover transition to our arcs.
Now that you know how to create a simple pie chart using D3.js, let's alter the look of our pie chart by changing certain values in the methods we used. In this lesson, you are going to see that a small change can drastically alter the look of your data visualization.
This 2-step course (plus an included bonus lesson and homework assignment) is a kickstart guide to creating pie charts using D3.js. In this course you will learn how to create pie charts by learning how the small pieces work as we put them all together. In the first tutorial, we go over what you need in order to create a basic pie chart. We set up a pie chart in the shape of the peace sign and learn about the various features that D3 offers when working with pie charts. In the second tutorial, we take what we have learned and add text labels to the arcs as well as transitions during mouseover events. In the bonus lesson, we style our chart to make it look unique but to also get a deeper look into how certain methods change the overall look of your visualization. The tutorials in this course are taken from a larger, more comprehensive course called "D3.js: From Beginner To Understanding".