D3.js Training 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:

Web design course

Introduction to programming course

javascript / jQuery training

Advanced HTML5 & CSS3

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

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