Join Ray Villalobos for an in-depth discussion in this video Adding quantitative scales, part of D3.js: Data Visualization.
…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