Call +65 6100 0613 Email:

Instructor-led Classroom Adult Training in Singapore - Modular Fast Track Skill-Based Trainings

Data Visualisation 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. 

Course Highlights

  • What is D3.js?
  • Creating a basic document structure
  • Controlling HTML DOM elements
  • Binding data to the DOM
  • Drawing SVG graphics with D3
  • Using ordinal scales
  • Adding events and transitions
  • Working with data


All participants will receive a Certificate of Completion from Tertiary Courses after achieved at least 75% attendance.

Funding and Grant Applications

Click the links below to apply. Note that you need to register the course first.

For Singaporeans: SkillsFuture Credit

For Company: SSG Training Grant

Course Code: CRS-N-0034752

Course Booking

$298.00 (GST-exclusive)

Course Date

Course Time

* Required Fields

Course Cancellation/Reschedule Policy

We reserve the right to cancel or re-schedule the course due to unforeseen circumstances. If the course is cancelled, we will refund 100% to participants.
Note the venue of the training is subject to changes due to class size and availability of the classroom.
Note the minimal class size to start a class is 3 Pax.

Course Details

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

Course Admin


  • HTML
  • CSS
  • Javascript
  • Statistics

Who Should Attend

  • Data analysts who want to use D3.js for data visualization
  • Marketers who plan to use D3.js for data visualization


D3.js TrainerLim Cheng Chong developed a strong passion for computing at a young age, self-training in areas such as programming and computer graphics from as early as age 10. Throughout the years, he has gained a wealth of experience in learning technology efficiently, and has applied his knowledge in training at schools and universities. Cheng Chong possesses a bachelor's degree in Computer Science from the National University of Singapore, has over 7 years of online education experience via his highly praised YouTube channel, and 4 years of offline experience through coaching, peer mentoring and conducting classes and labs at NUS.

D3.js TrainerClarence Castillo received his bachelors’s degree in Business and Computer Science from Nanyang Technological University. During his undergrad studies at NTU, he served the student community as the Vice President of NTU Open Source Society where he conducted workshops on introductory and advanced topics related to emerging technologies. Prior to receiving his degree, he obtained his diploma in Information Technology from Republic Polytechnic where he graduated top of his cohort along with IMDA Gold Medal award. During his polytechnic studies, he acquired his Java SE7 Oracle Associate certification with a score of 97%. His areas of expertise include languages like Python, JavaScript, Java and TypeScript; along with frameworks such as Angular, Ionic, Express, Spring Boot and Flask. In addition, he also specialises in essential software engineering tools such as version control systems using Git and working with databases like Neo4J, MongoDB and MySQL.

Customer Reviews (2)

Might Recommend Review by Course Participant/Trainee
1. Do you find the course meet your expectation?
2. Do you find the trainer knowledgeable in this subject?
3. How do you find the training environment
Nil (Posted on 10/29/2017)
Will Recommend Review by Course Participant/Trainee
1. Do you find the course meet your expectation?
2. Do you find the trainer knowledgeable in this subject?
3. How do you find the training environment
the content contains some mistake that should continuously be corrected and improve.

I understand Cheng Chong was a replacement lecturer and despite that it was his first lesson teaching D3, I felt that he was knowledgeable and competent in the subject. (Posted on 8/5/2017)

Write Your Own Review

You're reviewing: Data Visualisation with D3.js

How do you rate this product? *

  1 star 2 stars 3 stars 4 stars 5 stars
1. Do you find the course meet your expectation?
2. Do you find the trainer knowledgeable in this subject?
3. How do you find the training environment
  • Reload captcha
    Attention: Captcha is case sensitive.


Use spaces to separate Subjects. Use single quotes (') for phrases.

You May Be Interested In These Courses

Bootstrap Essential Training

Bootstrap Essential Training

10 Review(s)
$298.00 (GST-exclusive)
Typescript Essential Training

Typescript Essential Training

2 Review(s)
$298.00 (GST-exclusive)
jQuery Essential Training

jQuery Essential Training

3 Review(s)
$298.00 (GST-exclusive)
Basic Angular Training

Basic Angular Training

4 Review(s)
$298.00 (GST-exclusive)