d3.js - Complete Developer Data Visualization Guide
4.4 (164 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,247 students enrolled

d3.js - Complete Developer Data Visualization Guide

Bring Data to life with D3.Js Data Visualization Library. Master JavaScript, HTML, CSS and Build Stunning Data Visuals
4.4 (164 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,247 students enrolled
Last updated 2/2020
English
English [Auto]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 17.5 hours on-demand video
  • 5 articles
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Web Development and D3 JS Data Visualization with Firebase
  • Build Data-Driven Visualizations
  • Learn HTML, CSS and JavaScript
  • Create D3 JS Projects with Firebase Backend
Course content
Expand all 157 lectures 17:22:00
+ Course Source Code
1 lecture 00:00

Download source code so you can follow along.

Download All Source Code For this Course
00:00
+ Introduction to D3.JS
10 lectures 55:25
D3 Website and Demos
03:46
Setting Up Project with D3
08:01
SVG - Introduction
02:09
SVG Inline HTML - Creating a Circle
09:01
SVG MDN Docs
02:47
Creating D3 Canvas and Circle
11:10
Double Quotes or Not for Attr
02:55
Creating Lines with SVG in D3
07:21
SVG Text
06:49
+ Creating Visualizations Dynamically
7 lectures 56:52
Inverting the yAxis
02:01
Understanding the "Enter()" function and Making it All Dynamically
09:03
Cleaning up the Code
01:47
Customizing Our Data Array with Objects
05:23
Parsing Local and Remote JSON
17:41
+ Earthquake Visualization Project
6 lectures 01:08:39
Project Setup
10:10
Showing Earthquakes - Circles in the X-Axis
13:14
Showing Earthquakes - Dynamically
12:33
Adding Event MouseOver
09:53
Showing a Tooltip
10:57
+ Scales & BarCharts - Revisited
10 lectures 01:03:26
Revisiting Barcharts and Introduction to Scales
09:21
What is Linear Scale
02:25
Creating and Implementing yScale
07:07
Band Scale
02:44
Finalizing Band Scale
08:28
Margins and Groups
09:59
Creating xAxis and yAxis
09:58
Final xAxis and Graph Inverted
06:54
Fixing the Axis Issue
01:25
+ SVG Paths
10 lectures 01:18:39
Creating SVG Paths
07:36
Creating SVG Paths with D3JS
11:16
D3 Curves
05:52
Creating an Area Chart - Part 1
07:53
Setting Ranges and Domains - Part 2
15:19
Adding Axis - Part 3
07:40
CSS Customizations - Part 4
03:16
Adding Line - Part 5
07:14
Final Tweaks
09:02
+ Creating a Pie Chart
9 lectures 01:23:33
Setting Up DACA Project
08:56
Creating Pie Angles
11:01
Showing an Arc on Screen
09:53
Dynamically Showing a Pie Chart on Screen
10:25
Adding Dynamic Colors to Pie
08:10
Adding a Tooltip
12:41
Beautifying the Pie Chart
12:10
+ Final Project - U.S. Immigration Services
12 lectures 01:45:19
Project Setup
08:46
Pulling CSV Data
05:34
Creating Clusters - Part 1
15:18
Creating Clusters - Part 2
13:03
Creating Clusters Circles - Part 3
12:18
Showing Clusters on Screen
09:16
Showing D3 Tip
07:01
Color Legend
13:49
Adding Size Legend
10:55
Finished Project
04:19
Useful links
00:01
Requirements
  • A computer and Internet Access
Description

Have you ever wondered how stunning graphs and data-driven visualizations are created from raw data?

Do you want to communicate information clearly and efficiently with your organization, work, school etc? 

If so, then you must enroll in this Complete Data Visualization course with D3.Js Library.


D3.js is a JavaScript library for Data Scientists, Statisticians, Mathematicians, Analysts and anyone wanting to take raw data and create visually appealing graphs and Data-Driven Visualizations such as:

  • Bar Charts

  • Pie Charts

  • Line Graphs

  • Bubble Packs

  • Tree Diagrams and more

Effective visualization helps users analyze and reason about data and making complex data more accessible, understandable and easy on the eye!


In this course, you'll have the opportunity to learn the basics of HTML, CSS, and JavaScript - the 3 main technologies needed to build amazing Visualizations with the D3.js library.


Once the basics and the fundamentals of web development are taken care of, you'll next embark on a journey where you'll master:

  1. D3.js fundamentals: Drawing basic shapes on the screen

  2. SVG - Changing Attributes and Styles

  3. Transitions

  4. Parsing data and draw dynamic graphs 

  5. Creating different Scales and Axes

  6. And so much more...

Ultimately, you'll build several real-world projects  to put D3 skills to test!

Who this course is for:

  • Developers wanting to build data-driven UI diagrams with JavaScript

  • Beginner Developers who want to Learn HTML, CSS and JavaScript and Ultimately D3 library

  • Data Scientists who want to learn D3 ( No prior development skill required - the course has everything you'll need to get started)

  • Mathematicians wanting to learn D3

  • Statisticians...Analysts, Scientist who want to build data driven visualizations...


I hope you'll join me in this adventure of learning D3!




Who this course is for:
  • Beginner developers who want to learn D3 JS
  • Data Scientists who want to learn D3 JS and Web Development Skills
  • Scientists who want to learn D3 JS and build Amazing Graphs and Visualizations
  • Staticians who want to learn Web Development and D3 JS Library to Convey Data in a Visual Form
  • Anyone who is interested in learning how to build projects with D3 JS Visualization Library