MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

Data Visualization with D3.js

Course Summary

Bring your data to life with D3.js. Create interactive, visually exciting infographics and visualizations with HTML, CSS, JavaScript, and SVG graphics.

  • +

    Course Syllabus

    •  Introduction
    • What you should know
    • Using the exercise files
    • 1. Setting Up and Installing
    • What is D3.js?
    • Downloading and installing D3
    • Creating a document structure
    • 2. Learning the Basics
    • Creating basic selections
    • Controlling HTML in selections
    • Modifying attributes and CSS
    • Binding data to the DOM
    • Creating subselections with enter()
    • 3. Working with SVG Graphics
    • What is SVG?
    • Understanding SVG primitives
    • Drawing SVG graphics with D3
    • Creating a simple bar chart with SVG
    • 4. Using D3 Methods
    • Adding quantitative scales
    • Using ordinal scales
    • Creating meaningful color scales
    • Adding events
    • Using transitions and animations
    • Adding a tooltip
    • 5. Using Data
    • Grouping, sorting, and adding axes
    • Adding a horizontal guide
    • Adjusting margins
    • Using external data
    • 6. Working with Layouts
    • Creating a pie layout
    • Improving our pie layout
    • Working with force layouts
    • Drawing our nodes
    • Controlling text nodes
    • Conclusion
    • Next steps

Course Fee:
USD 19.99

Course Type:


Course Status:



1 - 2 hours / week

This course is listed under Development & Implementations and Data & Information Management Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top