From the course: DC.js for Data Science Essential Training
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Making a scatter plot - JavaScript Tutorial
From the course: DC.js for Data Science Essential Training
Making a scatter plot
- [Instructor] We're looking at a basic scatter plot. Now you'd be forgiven for thinking that this is a scatter plot, and it is a version, the two of them are related. Both of them plot one numerical series against another, but in the data vis community, a scatter plot uses symbols, while a bubble chart uses circles of different sizes and different colors. Right now, we're going to look at the relationship between total spent and tip size with a scatter plot. So let's go to Atom and we're going to start with our line chart rather than our pie chart document, and the reason for this is the line chart has an X and a Y-axis, and it's what we might think of as a grid-based chart, and a scatter plot is similarly grid-based, it has an X and a Y axis, which means it has more in common with a line chart than it does with a pie chart. So we can save that as scatter plot. And update some of our html, we're just updating the titles, really, the important bit of html, which is this div, doesn't…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
Making a bar chart11m 5s
-
(Locked)
Modifying our bar chart15m 57s
-
(Locked)
Working with dates to make a line or area chart15m 28s
-
(Locked)
Making a stack area chart with legend3m 43s
-
(Locked)
Exploring SVG with a pie chart13m 13s
-
(Locked)
Making a scatter plot9m 29s
-
(Locked)
Making a bubble chart13m 28s
-
(Locked)
Making a data table with bootstrap17m 46s
-
(Locked)
Understanding common attributes5m 25s
-
-
-
-