Let us help you find the training program you are looking for.

If you can't find what you are looking for, contact us, we'll help you find it. We have over 800 training programs to choose from.


Course Skill Level:


Course Duration:

3 day/s

  • Course Delivery Format:

    Live, instructor-led.

  • Course Category:

    Big Data & Data Science

  • Course Code:


Who should attend & recommended skills:

Those with basic HTML, CSS, and JavaScript experience

Who should attend & recommended skills

  • This course is geared for those who wish to create interactive graphics and data-driven applications using D3.js. You’ll start with in-depth explanations of D3’s out-of-the-box layouts, along with dozens of practical use cases that align with different types of visualizations.
  • Skill-level: Foundation level D3.js skills for Intermediate skilled team members. This is not a basic class.
  • HTML, CSS, and JavaScript: Basic (1-2 years’ experience)
  • D3 or SVG: Not required

About this course

D3.js introduces you to the most powerful web data visualization library available and shows you how to use it to build interactive graphics and data-driven applications. You’ll start with dozens of practical use cases that align with different types of charts, networks, and maps using D3’s out-of-the-box layouts. Then, you’ll explore practical techniques for content design, animation, and representation of dynamic data – including interactive graphics and live streaming data.

Skills acquired & topics covered

  • Working in a hands-on learning environment, led by our D3.js expert instructor, students will learn about and explore:
  • Interacting with vector graphics
  • Expressive data visualization
  • Creating rich mapping applications
  • Prepping your data
  • Complete data-driven web apps in D3
  • Practical techniques for content creation, animation, and representing dynamic data – including interactive graphics and data streamed live over the web
  • The final lessons show you how to use D3’s rich interaction model as the foundation for a complete web application
  • In the end you’ll be ready to integrate D3.js into your web development process and transform any site into a more engaging and sophisticated user experience

Course breakdown / modules

  • What is D3.js?
  • How D3 works
  • Using HTML5
  • Data standards
  • Infoviz standards expressed in D3
  • Your first D3 app

  • Working with data
  • Data-binding
  • Data presentation style, attributes, and content

  • Project architecture
  • Interactive style and DOM
  • Pregenerated content

  • General charting principles
  • Creating an axis
  • Complex graphical objects
  • Line charts and interpolations
  • Complex accessor functions

  • Histograms
  • Pie charts
  • Pack layouts
  • Trees
  • Stack layout
  • Plugins to add new layouts

  • Static network diagrams
  • Force-directed layout

  • Basic mapmaking
  • Better mapping
  • Advanced mapping
  • TopoJSON data and functionality
  • Tile mapping with d3.geo.tile
  • Further reading for web mapping

  • One data source, many perspectives
  • Interactivity: hover events
  • Brushing

  • Creating a layout
  • Writing your own components

  • Big geodata
  • Big network data
  • Optimizing xy data selection with quadtrees
  • More optimization techniques