Join Ray Villalobos for an in-depth discussion in this video Adding quantitative scales, part of Data Visualization with D3.js.
…So, we have a bar chart, but it's a little anemic and…what we need to do is make it fit in our space, no matter how much data we have.…To do that, we're going to need to learn about D3 scales, let me show you why.…If we take these values right here and…I'm just going to copy them and then add another comma here and paste this.…And then another comma and paste these some more.…So there's a lot of values here.…What will happen is when you have a chart like this with a ton of values,…what you'll notice that after a certain amount of values,…the information will go off of our chart.…
It no longer fits and that's a problem.…So, we need to re-balance the information.…So that no matter how many data points we add,…the data chart will still fill our allotted space and so, what we need to do…is re-flow this information into a range that will fit within our chart.…And that's what scales are all about.…Now in D3, there are three different types of scales,.…Quantitative, ordinal, and time scales.…And right now we're going to talk about quantitative scales but,…
- 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
Skill Level Intermediate
1. Setting Up and Installing
What is D3.js?3m 18s
2. Learning the Basics
3. Working with SVG Graphics
4. Using D3 Methods
5. Using Data
6. Working with Layouts
Next steps2m 2s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.