Learn D3js For Data Visualization

Dive deep under the hood of D3.js. Learn core concepts and build stunning data visualizations using D3 version 7

Last updated 2022-01-10 | 4.5

- Create stunning data visualizations using D3 and SVG
- Understand selections to manipulate the DOM using D3
- Learn about layouts to build various charts and graphs

What you'll learn

Create stunning data visualizations using D3 and SVG
Understand selections to manipulate the DOM using D3
Learn about layouts to build various charts and graphs
Add transitions and animations to your graphs for a more interesting user experience
Use scales to help make your visuals work on any browser or device.
Understand the enter and exist modes in D3
Create responsive charts and graphs

* Requirements

* Have a basic understanding of HTML
* CSS and JavaScript
* A text editor of your choice
* Knowledge of SVG would be beneficial
* but not required.

Description

*** This course has been updated to use the latest version of D3 - Version 7.x ****

Hello! Welcome to the D3.js development course. This is the most comprehensive and effective course on D3 around. This is the only course you'll ever need to learn D3. 

The goal of this course is to not just teach you D3 (v7.x), but help you understand D3. D3 is a JavaScript library that allows you to build data visualizations easily. The library is absolutely massive and you can create any kind of data visualization you can imagine.  With such a massive library, it can be difficult to grasp a lot of the concepts.

By the end of this course, you'll be more than comfortable using D3 and build awesome visualizations. Here is just some of the things you can expect to learn.

  • Learn about D3 selections which are used to select and manipulate elements on your document. 

  • Get a basic overview of SVG. This is something courses skip over. By having a solid foundation of SVG, then you can make more optimal decisions for your visualizations.

  • Learn about scales which help you by converting your data into values that can be used to properly display your data. We'll learn about the linear, quantize, quantile, threshold, log, color, and a whole lot of other scales in this course.

  • Builds various graphs such as bar graphs, pie charts, scatter plots, histograms, line charts, and so much more!

  • Add interactivity and animation to your graphs to make them more interesting and appealing to the user.

  • Builds responsive graphs. Your visualizations will work on any device with a few simple tricks.

  • This course focuses on the latest version of D3. (version 7.x)

This is just some of the topics that will be covered. If you want to take ONE COURSE to learn everything you need to know to be successful D3 developer, take this course.


Who this course is for:

  • Journalists who would like to tell a story through data visualization.
  • Developers who wish to take their skills and profit to the next level.
  • Anyone who truly wants to understand the D3 core and create data visualizations.
  • Anyone new to data visualization and would like to know the best practices and approaches to projects.
  • Anyone wanting to learn about more advanced topics to become a better developer.

Course content

8 sections • 92 lectures

Overview Preview 04:32

Preparing a Local Server Preview 06:32

Understanding D3 & Data Visualization Preview 07:50

Adding D3 Preview 06:17

D3 Packages Preview 04:10

Selections Preview 09:40

Appending Elements Preview 04:26

Transformation Methods Preview 05:18

Classes and Styles Preview 04:59

Joining Data Preview 08:01

The Enter Selection Preview 08:01

The Exit Selection Preview 02:32

Displaying Data Preview 01:52

Enter, Update, and Exit Preview 06:20

The Update Pattern Preview 04:40

JSON Requests Preview 08:21

CSV Requests Preview 05:02

First Steps Preview 07:49

Drawing the Image Preview 04:10

Adding Margins Preview 07:04

Accessor Functions Preview 09:03

Understanding Scales Preview 06:48

Writing Scales Preview 08:03

Applying Scales to Visualizations Preview 08:48

Refining Scales Preview 03:34

Adding an Axis Preview 07:47

Refining the x-axis Preview 05:12

The y-axis Preview 06:56

Flipping the y-axis Preview 03:53

Refining the Axis Ticks Preview 04:20

Summary Preview 01:31

Continuous vs. Discrete Preview 03:48

The scaleLinear() scale Preview 02:10

Introduction to Heatmaps Preview 04:49

Drawing the Heatmap Preview 08:03

Colors with a Linear Scale Preview 07:26

The scaleQuantize() Scale Preview 07:32

The scaleQuantile() Scale Preview 04:55

The scaleThreshold() Scale Preview 06:50

Quantize vs. Quantile vs. Thresholdv Preview 04:03

Color Scales Preview 07:30

Understanding the Log Scale Preview 02:41

The scaleLog() Scale Preview 15:38

Summary Preview 01:03

Introduction to Animations & Interactivity Preview 00:41

What is a histogram? Preview 02:45

Preparing the Histogram Preview 07:28

Understanding the Problem Preview 04:02

Creating Bins Preview 08:53

Histogram Finishing Touches Preview 10:44

Changing Metrics with Events Preview 05:42

Updating the Chart Preview 07:58

Transitions Preview 06:07

Understanding the Problem Preview 03:19

Fixing the Transition Preview 03:59

Fixing the Exit Transition Preview 06:26

Tweaking the Bars and Labels Preview 05:27

Adding the Mean Preview 06:04

Adding a Tooltip Preview 05:02

Mouse Events Preview 07:05

Formatting Preview 06:52

Understanding the Voronoi Diagram Preview 03:45

Creating a Voronoi Diagram Preview 09:56

Fixing the Voronoi Diagram Preview 04:17

Even More Charts Preview 00:36

Preparing the Line Chart Preview 03:38

Time Scales & Parsing Preview 07:15

Line Generator Preview 07:56

Adding an Axis Preview 03:24

Preparing the Tooltip Preview 08:48

Understanding Bisectors Preview 07:30

Custom Bisectors Preview 05:26

Finishing the Tooltip Preview 04:30

Getting Started with Pie Charts Preview 08:16

Drawing Arcs Preview 05:24

Understanding Ordinal Scales Preview 03:08

Using Ordinal Scales Preview 06:09

Adding Labels Preview 06:08

Fixing the Pie Chart Preview 07:54

Preparing the Stacked Bar Chart Preview 05:13

The Stack Function Preview 07:11

Band Scales Preview 06:04

Drawing the Stacked Bars Preview 09:25

Drawing the Axis Preview 06:04

Finishing Touches Preview 04:59