Data Visualization with D3.js

SkillsFuture Course - Data Visualization with D3.js

Creating data-driven visualizations and infographics that run on multiple devices responsively is a tough challenge. The D3.js library has revolutionized visualization by making it easier to parse your data and add meaningful interactivity. All you need to bring your data to life is D3, plus a bit of HTML, CSS, and JavaScript, and some SVG graphics. In this course, the trainer will show you how the D3 library works, and how you can use it to parse data from different sources and create interactive, visually exciting infographics and visualizations. 

Module 1. Get Started

• What is D3.js?
• Downloading and installing D3
• First D3 code

Module 2. Basics of D3.js

• Selecting Elements
• Controlling HTML
• Modifying Attributes
• Modifying CSS
• Data Binding

Module 3. Basic SVG Graphics

• SVG Canvas
• Basic SVG Shapes

Module 4. Advanced SVG Graphics

• SVG Path & Generators
• Grouping
• Transform

Module 5. Scales & Axes

• Scales
• Linear Scale
• Axis
• Parse Date
• Time Scale
• Ordinal Scale

Module 6. Importing Data into D3

• Import CSV
• Import TSV
• Import JSON

Module 7. Events & Transitions

• Events
• Transitions