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 data table with bootstrap - JavaScript Tutorial
From the course: DC.js for Data Science Essential Training
Making a data table with bootstrap
- [Instructor] There are times when only a table will do. If we look at this DC example we can see lots of different charts, each representing a dimension, and generally one or more fields from the dataset, so we have gains and loss aggregated, we have data grouped here by quarter, by day of the week. The only component on the page that shows you all of the fields and all of the rows, is this data table here, and actually it doesn't show us all of the rows, it shows us the first 10, we'll see why that is in a bit. The other benefit of using a table like this is when we do come on to applying filters in Chapter Four, you see that above the data table, we can apply a selected row count, out of all row counts, and that's a very useful feature as well. Now notice also that this first row shown here is in blue, and it contains different data to all the other rows, which contain a Date and an Open and a Close and a Change, this one only contains an aggregated Date, and we'll come on to that…
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
-
-
-
-