DC.js for Data Science Essential Training

5h 3mBeginner2017-01-12

Authors

Emma Saunders

Data Consultant specializing in data visualization on the web

Course details

Dimensional charting (DC) allows data visualization to display in dashboard widgets as bar charts, scatterplots, heat maps, and more. DC.js is an open source JavaScript library based on Crossfilter and D3.js. In this course, learn how to build interactive, web-based dashboards. Instructor Emma Saunders covers all 20 built-in classes, the suite of included chart types, and the built-in formatting options available in DC.js. Learn how to use jQuery and bootstrap, apply filters, restyle existing dashboards, create custom charts, pair data using DC and D3, link charts, and more.

Learning objectives
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

Skills covered

Data VisualizationJavaScriptOracleEssential TrainingData ScienceBusiness Analysis and StrategyBusiness Software and Tools

Concepts

0. Introduction

01 - Welcome
02 - What is DC
03 - Assessing your current skills
04 - Finding a code editor

1. Preparing to Code in DC

05 - Recalling webpage basics - HTML, CSS, and SVG
06 - Downloading dc.js with its dependencies
07 - Setting up dummy data
08 - Seeing your data with console.log and print filter
09 - Checking the DOM

2. Individual Charts

10 - Making a bar chart
11 - Modifying our bar chart
12 - Working with dates to make a line or area chart
13 - Making a stack area chart with legend
14 - Exploring SVG with a pie chart
15 - Making a scatter plot
16 - Making a bubble chart
17 - Making a data table with bootstrap
18 - Understanding common attributes

3. Making Advanced Charts

19 - Making a stacked bar chart
20 - Importing CSV data for a boxplot
21 - Making a series chart
22 - Combining chart types with composite
23 - Making a map (choropleth)
24 - Getting creative with dataGrid

4. Building a Dashboard

25 - Linking two charts together
26 - Understanding graphical filtering
27 - Filtering with a range chart
28 - Filtering with brush
29 - Filtering with brush in two dimensions
30 - Adding finishing touches with dc.dataCount and Reset All
31 - Adding finishing touches with filterPrinter & numberDisplay
32 - Complementing DC with D3

Conclusion

33 - Goodbye