Data Visualization with D3.Js

Data Visualization with D3.Js

SkillsFuture Credit Approved Course

Introduction

The popular D3.js (Data-Driven Documents) library makes it easy to parse data and add interactivity to create meaningful visualizations and infographics. Learn how the D3 library works, and parse live data from different sources to create interactive and visually exciting infographics and visualizations. 

Course Content

  1. Get Started
    • What is D3.js?
    • Downloading and installing D3
    • First D3 code
  2. Basics of D3.js
    • Selecting Elements
    • Controlling HTML
    • Modifying Attributes
    • Modifying CSS
    • Data Binding
  3. Basic SVG Graphics
    • SVG Canvas
    • Basic SVG Shapes
  4. Advanced SVG Graphics
    • SVG Path & Generators
    • Grouping
    • Transform
  5. Scales & Axes
    • Scales
    • Linear Scale
    • Axis
    • Parse Date
    • Time Scale
    • Ordinal Scale
  6. Importing Data into D3
    • Importing CSV file
    • Importing TSV files
    • Importing JSON files
  7. Events & Transitions
    • Events
    • Transitions