D3.js

Learn D3.js from D3 js programmers and also create projects for your portfolio.

This course will take place in 3-4 Kirby Street, London, EC1N 8TS. Find on map
15 %
Discount

when you buy 3 or more courses

The discount will be automatically
applied at the checkout
Looking for a
2-12 months
training?
Choose Web designer
Career Programme

Looking for a 2-12 months training?

Choose

Web designer career programme

Upcoming dates

There are no open public schedule dates for D3.js course. We can offer you a private training or arrange a public course for you. Contact us here and we can make arrangements for your course.

Course Outline

D3.js course overview

This course explains how to use D3.js to create interactive data visualisations. After completing our D3.js training course you will be able to create dynamic charts and graphs for user interfaces.

Few practical D3.js based projects at the end of the course will ensure that you can apply D3.js on your web projects.

This short D3.js course is hands-on, instructor-led and classroom based. This training can be taken as a part-time evening course or even on the weekends. A list of all upcoming public D3.js training courses is given on training dragon website.


Who is D3.js training for?

This course is for you if you are interested in using D3.js on your projects and applications.


Prerequisites for D3.js course

This course is not for beginners in JavaScript. To attend this course you must have previous working experience of OOP JavaScript, HTML and CSS.

If you are a beginner, please consider following this path:

  1. Web design course
  2. Introduction to programming course
  3. javascript / jQuery training
  4. Advanced HTML5 & CSS3
  5. D3.js course


What will I get?

  • Training from professional D3.js developers:

    Training Dragon consultants have been implementing professional D3.js solutions across a wide range of projects. Those consultants write and teach our D3.js training courses, so their experience directly informs course content.

  • Real-time Practice and Projects:

    Our D3.js projects are designed to get you started in D3.js. We work on industry related projects in this D3.js course. 

  • Course Material:

    D3.js electronic notes are included in this course.

  • Course Completion Certificate:

    After completing this training your will receive an D3.js course completion certificate.

  • Support and Careers Advice:

    After the course if you have any problems or questions regarding D3.js do not hesitate to contact us. Training Dragon’s trainers are expert in their fields and if you need any help with you career choice, please speak to one of our trainers.


D3.js Course Contents

DATA VISUALISATION WITH D3.JS 

Intro

  • Data-Driven Documents, what is D3.js and what is it used for
  •  

Getting started

  • big picture
  • getting D3.js 
  • tools, installation, configuration
  • debugging with DevTools
  •  

D3.js fundamentals

  • selecting DOM elements
  • controlling elements
  • manipulating attributes and style
  • creating DOM elements
  • enter() method and deeper selections
  •  

D3.js and SVG

  • SVG intro
  • SVG primitives
  • outputting SVG elements
  • SVG graphics containers
  •  

Basic Charting with D3.js

  • building a simple Bar Chart
  • colouring and labels in Bar charts
  • Line charts
  • Scatter Plots
  •  

Your Data and D3.js

  • internal dummy data
  • external data sources
  • getting data from JSON
  • getting data from CSV
  • working with web APIs
  •  

Interactivity and D3.js methods

  • filters
  • transitions
  • animating transitions
  • ordinal and quantitative scales
  • adding axis
  • tooltips
  • viewBox attribute and creating responsive Charts
  •  

Mapping with D3.js

  • GeoJSON in D3.js
  • drawing maps
  • adding points and colours to your maps

View Complete Course outline

Daily schedule

The scheme below shows what a typical day at Training Dragon looks like.

10:00 11:30 11:45 13:00 14:00 15:30 15:45
Classroom Activity
This course explains how to create web pages from scratch using different techniques, such as
Tea
Break
Classroom Activity
This course explains how to create web pages from scratch using different techniques, such as
Lunch
Break
Classroom Activity
This course explains how to create web pages from scratch using different techniques, such as
Tea
Break
Classroom Activity
This course explains how to create web pages from scratch using different techniques, such as
Video Placeholder

Looking for a
2-12 months
training?

Choose

Web designer career programme

Our Trainers

Emiliano
Emiliano
Leads our teaching team with many years of experience in teaching web development.
Ross
Ross
Brings many years of Python and Java software development experience to classrooms.
Olu
Olu
Microsoft and Oracle certified developer with years teaching experience in Android, .NET and databases.

Latest Reviews

Frequently Asked Questions

Have a question?
We are here to answer them