D3.js for Data Visualization

Audience

A general understanding of Javascript, HTML, CSS and SVG

• Developers
• Data scientists

Format of the course

By the end of this training, participants will be able to:

D3.js (or D3 for Data-Driven Documents) is a JavaScript library that uses SVG, HTML5, and CSS for producing dynamic, interactive data visualizations in web browsers.

In this instructor-led, live training, participants will learn how to create web-based data-driven visualizations that run on multiple devices responsively.

• Part lecture, part discussion, exercises and heavy hands-on practice

• Use D3 to create interactive graphics, information dashboards, infographics and maps.
• Control HTML with jQuery-like selections.
• Transform the DOM by selecting elements and joining to data.
• Export SVG for use in print publications.

Attaching your data to DOM (Document Object Model) elements

Closing remarks

D3 methods: scaling, events, transitions, and animations

Data visualization components: HTML, CSS, Javascript, DOM, D3, SVG

Exporting SVG

Introduction

Making data interactive with D3.js data-driven transformations and transitions

Overview of the data visualization process

Using CSS3, HTML, and/or SVG to showcase data

Working with layouts