Learn how to supply HTML code into DC data grid class, which is a highly flexible, group-able tabular layout.
- [Instructor] Have you ever been shopping online,…and switched from list view to grid view?…DC's dataGrid will let you make this kind of grid,…and you can pull in images if you like, as you can see.…In fact, dataGrid is very flexible.…It allows you to write your own HTML code,…and then it spews out the bit of code that you've written…once for every data point that you pass it in.…We're going to use our old, basic data with 12 rows…that contained payment information at a restaurant,…and we're going to start with the dataTable file,…because it's got quite a lot in common with dataGrid.…
So we can save that.…And before we carry on,…I'm going to use some images…in my dataGrid.…You don't need to use images in a dataGrid,…but I think it's quite…effective to do so.…So I'm just going to copy those across.…Like so.…Now, let's update a few things.…Many things we can keep the same,…but for good practice we'll change the variable name,…and the DC class type is dataGrid now, not dataTable.…
You can get rid of…those two.…And in fact, we can get rid of all of that,…
- 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.