Skip to content

Contact sales

By filling out this form and clicking submit, you acknowledge our privacy policy.

Introduction to Data Driven Documents (D3)

Course Summary

The Introduction to Data Driven Documents (D3) course is designed to demonstrate how to create data visualizations using Data Driven Documents (D3) in the Javascript library.

The course begins by taking a look at how developers can use D3 to select data and manipulate the Document Object Model (DOM). Next, it then transitions to using D3 to manipulate and display data using Scalable Vector Graphics (SVG). The course concludes with a discussion and hands-on exercises around creating animated charts and graphs.

Purpose
 Learn how to create data visualizations using D3.
Audience
 Developers and developer teams who need an elegant way to visualize datasets and make them interactive.
Role
Software Developer
Skill Level
Intermediate
Style
Hack-a-thon - Learning Spikes - Workshops
Duration
2 Days
Related Technologies
JavaScript | Front-End Development Training | Web Development | D3

 

Productivity Objectives
  • Create basic data visualizations using D3
  • Explain how to select data and manipulate the DOM
  • Summarize CSS3 and SVG principals
  • Develop data tables and data charts

What You'll Learn:

In the Introduction to Data Driven Documents (D3) training course, you'll learn:
  • D3 Basics
    • Install D3
    • Select DOM Elements
    • Manipulate DOM Elements
    • Dynamic Properties
    • Enter and Exit
  • Data with D3
    • D3 with JSON
    • Load Data
    • Work with TSV
  • D3 Events and Transitions
    • D3 Events
    • D3 Transitions
  • Using SVG with D3
    • Generate Paths
    • Generate Shapes
    • Animations
  • Line Charts
    • Create Line Charts
    • Types of Line Charts
    • Line Chart Transitions
    • Add Tooltips
  • Bar Charts
    • Creating Bar Charts
    • Multiple Bar Charts
    • Bar Chart Transitions
  • Circle Charts
    • Create Pie Charts
    • Create Donut Charts
    • Animate Pie Charts
  • Scales and Axes
    • Use Scales
    • Utilize Axes
    • Dynamic Scales and Axes
  • Mapping Data
    • Load a Data Map
    • Use the US Data Map
    • Use World Data Maps
real world content

Real-World Content

Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.
expert practitioners

Expert Practitioners

Industry experts that bring their battle scars into the classroom.
experiential learning

Experiential Learning

More coding than lecture, coupled with architectural and design discussions.
tailored outlines

Tailored Outlines

One-size-fits-all doesn't apply to training teams. That's where we come in!
“I appreciated the instructor's technique of writing live code examples rather than using fixed slide decks to present the material.”

VMware

Dive in and learn more

When transforming your workforce, it's important to have expert advice and tailored solutions. We can help. Tell us your unique needs and we'll explore ways to address them.

Let's chat

By filling out this form and clicking submit, you acknowledge our privacy policy.