Udemy

D3.js in Action: Build 17 D3.js Data Visualization Projects

Enroll Now
  • 3,432 Students
  • Updated 6/2021
4.5
(330 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
17 Hour(s) 22 Minute(s)
Language
English
Taught by
Crypters Infotech
Rating
4.5
(330 Ratings)
1 views

Course Overview

D3.js in Action: Build 17 D3.js Data Visualization Projects

D3.js (V 5) from Scratch! Build Useful D3.js Data Visualization Projects! D3.js for Beginners

*** 17 hours of content ***

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------

"A picture is worth a thousand words". It is true that concepts are easily understood when explained with the help of diagrams. In today's data-driven world, it is very important to make the best use of available data in such a way that useful insights are derived from it. Data visualization is the easiest and fastest way to make it possible. D3.js is a popular JavaScript library for manipulating documents in the context of data data. D3 stands for Data Driven Documents. D3 helps you bring data to life using HTML, SVG, and CSS.

D3 allows you to bind data to a Document Object Model, and then apply data-driven transformations to the document. Elements can be added, removed, or modified according to the contents of the data set. For example, you can use D3 to generate an HTML table from an array of numbers or even use the same data to create a horizontal bar chart using SVG. D3 combines powerful visualization and interaction techniques with a data-driven approach to DOM manipulation.

"D3.js in Action: Build 17 D3.js Data Visualization Projects" is a 100% practical hands-on course that teaches you D3.js from scratch using the latest available version V5. All concepts are explained in a very detailed and easily understandable manner. The instructor codes along instead of explaining the concepts with already prepared code samples. By completing this course, you will be confident enough to develop D3.js Data Visualizations on your own from scratch.

As of now, there are 17 projects included in this course that are developed from scratch. This will help you really boost your confidence in applying your D3.js knowledge to develop real-world data visualization projects. The projects developed as part of this course are:

  1. Horizontal Bar Chart

  2. Vertical Bar Chart

  3. Vertical Bar Chart with Axes

  4. Scatterplot

  5. Line Chart

  6. Area Chart

  7. Stacked Area Chart

  8. Pie Chart with Legend

  9. Animated Bar Chart

  10. Moving Stars

  11. Make Me Laugh

  12. Family Tree

  13. Classic Family Tree

  14. Tree with Images

  15. Complete Family Tree

  16. Zoomable Family Tree

  17. Ancestry Chart

So join this wonderful D3.js course and have a great time learning D3.js (V5).

Course Content

  • 10 section(s)
  • 145 lecture(s)
  • Section 1 Be Familiar with D3.js (Introduction to D3.js)
  • Section 2 Primer on Technology Fundamentals (D3.js Prerequisites)
  • Section 3 Be Ready to Start (Basics of D3.js)
  • Section 4 D3.js Data Joins (The Core of D3.js)
  • Section 5 Adjust the Size Up or Down (D3.js Scales)
  • Section 6 Have an Axis for Reference (D3.js Axes)
  • Section 7 Draw Different Shapes (D3.js Shapes)
  • Section 8 Animate Your Visualizations (D3.js Transitions)
  • Section 9 Make Your Visualizations Interactive (Dragging and Zooming)
  • Section 10 Deal with External Data in Different Formats

What You’ll Learn

  • Learn D3 from beginner to professional level
  • Develop different types of data visualizations
  • Understand the core of D3 - enter, update and exit selections in depth
  • Develop 14 unique D3 data visualization projects
  • Make the best use of available data to represent it visually
  • Learn D3 scales to adjust the size of the visualizations
  • Learn how to add an axis for reference
  • Add life to visualizations using D3 transitions

Reviews

  • I
    Ifeanyi Ndu
    5.0

    Thanks so much for this course

  • P
    Parag Gupta
    3.0

    much was left desired. No deep explanations of concept. Felt like instructor just wanted to get through the course

  • J
    Jemimah Beryl M. Sai
    4.0

    The best thing about this course is the instructor shows you how to do different kinds of charts using d3.js version 5. Each activity shows you the source code so that you can try the examples yourself.

  • B
    Brian Widgeon
    5.0

    Does a good job explaining how and why things work in d3.js

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed