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.

D3.js

  • Course Code: Data Analysis / BI - D3.js
  • Course Dates: Contact us to schedule.
  • Course Category: Big Data & Data Science Duration: 3 Days Audience: This course is geared for those who wants 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

Course Snapshot 

  • Duration: 3 days 
  • Skill-level: Foundation level D3.js skills for Intermediate skilled team members. This is not a basic class. 
  • Targeted Audience: This course is geared for those who wants 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 
  • Hands-on Learning: This course is approximately 50% hands-on lab to 50% lecture ratio, combining engaging lecture, demos, group activities and discussions with machine-based student labs and exercises. Student machines are required. 
  • Delivery Format: This course is available for onsite private classroom presentation, or remote instructor led delivery, or CBT/WBT (by request). 
  • Customizable: This course may be tailored to target your specific training skills objectives, tools of choice and learning goals. 

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. 

Working in a hands-on learning environment, led by our D3.js expert instructor, students will learn about and explore: 

  • you’ll explore 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. 

Topics Covered: This is a high-level list of topics covered in this course. Please see the detailed Agenda below 

  • Interacting with vector graphics 
  • Expressive data visualization 
  • Creating rich mapping applications 
  • Prepping your data 
  • Complete data-driven web apps in D3 

Audience & Pre-Requisites 

This course is written for Readers have basic HTML, CSS, and JavaScript skills.  

Pre-Requisites:  Students should have  

No experience with D3 or SVG is required 

Course Agenda / Topics 

  1. An introduction to D3.jsfree audio 
  • What is D3.js? 
  • How D3 works 
  • Using HTML5 
  • Data standards 
  • Infoviz standards expressed in D3 
  • Your first D3 app 
  1. Information visualization data flow 
  • Working with data 
  • Data-binding 
  • Data presentation style, attributes, and content 
  1. Data-driven design and interaction 
  • Project architecture 
  • Interactive style and DOM 
  • Pregenerated content 
  1. Chart components 
  • General charting principles 
  • Creating an axis 
  • Complex graphical objects 
  • Line charts and interpolations 
  • Complex accessor functions 
  1. Layouts free audio 
  • Histograms 
  • Pie charts 
  • Pack layouts 
  • Trees 
  • Stack layout 
  • Plugins to add new layouts 
  1. Network visualization 
  • Static network diagrams 
  • Force-directed layout 
  1. Geospatial information visualization 
  • Basic mapmaking 
  • Better mapping 
  • Advanced mapping 
  • TopoJSON data and functionality 
  • Tile mapping with d3.geo.tile 
  • Further reading for web mapping 
  1. Traditional DOM manipulation with D3 
  • Setup 
  • Spreadsheet 
  • Canvas 
  • Image gallery 
  1. Composing interactive applications 
  • One data source, many perspectives 
  • Interactivity: hover events 
  • Brushing 
  1. Writing layouts and components free audio 
  • Creating a layout 
  • Writing your own components 
  1. Big data visualization 
  • Big geodata 
  • Big network data 
  • Optimizing xy data selection with quadtrees 
  • More optimization techniques 
View All Courses

    Course Inquiry

    Fill in the details below and we will get back to you as quickly as we can.

    Interested in any of these related courses?