Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

DC.js for Data Science Essential Training

via LinkedIn Learning

Overview

Learn how to use DC.js in coordination with Crossfilter and D3.js to create interactive dashboards and widgets that display bar charts, scatterplots, heatmaps, and more.

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.

Syllabus

Introduction
  • Welcome
  • What is DC?
  • Assessing your current skills
  • Finding a code editor
1. Preparing to Code in DC
  • Recalling webpage basics: HTML, CSS, and SVG
  • Downloading dc.js with its dependencies
  • Setting up dummy data
  • Seeing your data with console.log and print_filter
  • Checking the DOM
2. Individual Charts
  • Making a bar chart
  • Modifying our bar chart
  • Working with dates to make a line or area chart
  • Making a stack area chart with legend
  • Exploring SVG with a pie chart
  • Making a scatter plot
  • Making a bubble chart
  • Making a data table with bootstrap
  • Understanding common attributes
3. Making Advanced Charts
  • Making a stacked bar chart
  • Importing CSV data for a boxplot
  • Making a series chart
  • Combining chart types with composite
  • Making a map (choropleth)
  • Getting creative with dataGrid
4. Building a Dashboard
  • Linking two charts together
  • Understanding graphical filtering
  • Filtering with a range chart
  • Filtering with brush
  • Filtering with brush in two dimensions
  • Adding finishing touches with dc.dataCount and Reset All
  • Adding finishing touches with filterPrinter & numberDisplay
  • Complementing DC with D3
Conclusion
  • Goodbye

Taught by

Emma Saunders

Related Courses

Reviews

Start your review of DC.js for Data Science Essential Training

Never Stop Learning!

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free