Learn about one-dimensional brushing directly on a DC line chart within a dashboard.
- [Instructor] Now we're going to modify our dashboard…and add a line chart to it…and see how the default behaviors work on that.…So let's begin by making a copy of our dashboard…and then we're going to copy and paste…our original lineChart into that dashboard.…So for lineChart we can say…and this is our original lineChart…that doesn't have an attached range chart with it.…
So there's that declaration…and it uses dateDimension and dateGroup.…We'll take off the stack for now.…Let's check that we have dateDimension and dateGroup.…There's dateDimension.…And we'll return d.total.…So it's going to be a lineChart over time…showing the total spend.…
And we'll make our width suitably shorter,…like so.…And we're using two variables here, minDate and maxDate,…which aren't specified so let's copy that…and we'll pop it up by the dimension definitions.…
So this bit's not actually for the table.…It's going to be for our line chart, like so.…Now we're going to need to change our html a bit,…so we've got quantity in type here…and we're going to add another div…
- Downloading and setting up DC.js
- Building dashboards
- Making charts: bar, area, pie, bubble, boxplot, and series
- Applying graphical filtering
- Working with dates
- Restyling dashboards
- Using D3 charts in a DC dashboard
- Linking charts together
Skill Level Intermediate
Crossfilter for Data Science Essential Trainingwith Emma Saunders1h 33m Intermediate
D3.js Essential Training for Data Scientistswith Emma Saunders4h 38m Intermediate
Data Visualization Tips and Trickswith Matt Francis2h 14m Intermediate
1. Preparing to Code in DC
2. Individual Charts
3. Making Advanced Charts
4. Building a Dashboard
- 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.