Mô tả

*** 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.


Bạn sẽ học được gì

Yêu cầu

Nội dung khoá học

8 sections

Overview

3 lectures
Overview
04:32
Preparing a Local Server
06:32
Understanding D3 & Data Visualization
07:50

Understanding SVG

4 lectures
What is SVG?
06:11
Creating SVG images
05:08
Basic SVG Shapes
13:50
SVG Paths
05:38

Fundamentals

14 lectures
Adding D3
06:17
D3 Packages
04:10
Selections
09:40
Appending Elements
04:26
Transformation Methods
05:18
Classes and Styles
04:59
Joining Data
08:01
The Enter Selection
08:01
The Exit Selection
02:32
Displaying Data
01:52
Enter, Update, and Exit
06:20
The Update Pattern
04:40
JSON Requests
08:21
CSV Requests
05:02

Drawing A Scatterplot

14 lectures
First Steps
07:49
Drawing the Image
04:10
Adding Margins
07:04
Accessor Functions
09:03
Understanding Scales
06:48
Writing Scales
08:03
Applying Scales to Visualizations
08:48
Refining Scales
03:34
Adding an Axis
07:47
Refining the x-axis
05:12
The y-axis
06:56
Flipping the y-axis
03:53
Refining the Axis Ticks
04:20
Summary
01:31

Scales

13 lectures
Continuous vs. Discrete
03:48
The scaleLinear() scale
02:10
Introduction to Heatmaps
04:49
Drawing the Heatmap
08:03
Colors with a Linear Scale
07:26
The scaleQuantize() Scale
07:32
The scaleQuantile() Scale
04:55
The scaleThreshold() Scale
06:50
Quantize vs. Quantile vs. Thresholdv
04:03
Color Scales
07:30
Understanding the Log Scale
02:41
The scaleLog() Scale
15:38
Summary
01:03

Animations & Interactivity

20 lectures
Introduction to Animations & Interactivity
00:41
What is a histogram?
02:45
Preparing the Histogram
07:28
Understanding the Problem
04:02
Creating Bins
08:53
Histogram Finishing Touches
10:44
Changing Metrics with Events
05:42
Updating the Chart
07:58
Transitions
06:07
Understanding the Problem
03:19
Fixing the Transition
03:59
Fixing the Exit Transition
06:26
Tweaking the Bars and Labels
05:27
Adding the Mean
06:04
Adding a Tooltip
05:02
Mouse Events
07:05
Formatting
06:52
Understanding the Voronoi Diagram
03:45
Creating a Voronoi Diagram
09:56
Fixing the Voronoi Diagram
04:17

Even More Charts!

21 lectures
Even More Charts
00:36
Preparing the Line Chart
03:38
Time Scales & Parsing
07:15
Line Generator
07:56
Adding an Axis
03:24
Preparing the Tooltip
08:48
Understanding Bisectors
07:30
Custom Bisectors
05:26
Finishing the Tooltip
04:30
Getting Started with Pie Charts
08:16
Drawing Arcs
05:24
Understanding Ordinal Scales
03:08
Using Ordinal Scales
06:09
Adding Labels
06:08
Fixing the Pie Chart
07:54
Preparing the Stacked Bar Chart
05:13
The Stack Function
07:11
Band Scales
06:04
Drawing the Stacked Bars
09:25
Drawing the Axis
06:04
Finishing Touches
04:59

Conclusion

3 lectures
Sketching
02:20
Responsive Charts
02:24
Conclusion
01:40

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.