Join Ray Villalobos for an in-depth discussion in this video Improving our pie layout, part of D3.js: Data Visualization.
…The pie chart we did in the previous video was pretty bare bones.…So let's take a look at a couple of things we can do to improve it.…Now first, I'm going to go ahead and add a little bit more data.…So I'm going to actually collapse some of this data a little bit.…And then I'm going to grab this one, and actually I'm going to modify this so…that they're all.…Back to 50, the same amount.…So all the pie slices are going to be the same size once again.…So then I'm going to copy that one a few times and modify some of these names.…
Alright so I'm going to go ahead and…save that, and all these will be the same size now.…Next, I want to use a different color scale just to…show you how you would do colors.…It's actually a lot easier.…You can pick some of these pre-made colors, or just create your own.…Just like we've done before, so…we'll do a D3, and then scale, and this is going to be an ordinal scale, and…as the range, we just need to create a range of colors in an array.…So just because I don't want to type all these in here you can…
- What is D3.js?
- Creating a basic document structure
- Controlling HTML DOM elements
- Binding data to the DOM
- Drawing SVG graphics with D3
- Using ordinal scales
- Adding events and transitions
- Working with data
- Creating and adjusting layouts