Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

Learn and Understand D3.js for Data Visualization

Học và Hiểu D3.js để Trực quan hóa Dữ liệu

Học và Hiểu D3.js để Trực quan hóa Dữ liệu

Đi sâu vào bản chất của D3.js. Nắm vững các khái niệm cốt lõi và xây dựng những biểu đồ dữ liệu tuyệt đẹp bằng D3 phiên bản 7

4.7
(1,859 đánh giá)
12,297 học viên
Giảng viên
Luis Ramirez Jr
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 1.169.000đ -96%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
9.0 giờ video
92 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026

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

Tạo ra các biểu đồ dữ liệu ấn tượng bằng D3 và SVG
Hiểu về "selections" để thao tác với DOM bằng D3
Tìm hiểu về "layouts" để xây dựng nhiều loại biểu đồ và đồ thị khác nhau
Thêm hiệu ứng chuyển tiếp và hoạt ảnh vào đồ thị để trải nghiệm người dùng thú vị hơn
Sử dụng "scales" để đảm bảo hình ảnh hiển thị tốt trên mọi trình duyệt và thiết bị
Hiểu về chế độ "enter" và "exit" trong D3
Tạo biểu đồ và đồ thị có khả năng tương thích với mọi màn hình

Yêu cầu

Có hiểu biết cơ bản về HTML, CSS và JavaScript
Một trình soạn thảo văn bản tùy chọn
Kiến thức về SVG sẽ rất hữu ích, nhưng không bắt buộc

Đối tượng phù hợp

Nhà báo muốn kể chuyện thông qua trực quan hóa dữ liệu
Lập trình viên muốn nâng cao kỹ năng và thu nhập lên tầm cao mới
Bất kỳ ai thực sự muốn hiểu rõ lõi D3 và tạo ra các biểu đồ dữ liệu
Người mới bắt đầu với trực quan hóa dữ liệu và muốn biết các phương pháp, cách tiếp cận tốt nhất cho dự án
Người muốn học các chủ đề nâng cao để trở thành lập trình viên giỏi hơn

Nội dung khóa học

8 phần • 92 bài giảng
1 Tổng quan
2 Chuẩn bị Máy chủ Cục bộ
3 Hiểu về D3 & Trực quan hóa Dữ liệu
1 SVG là gì?
2 Tạo hình ảnh SVG
3 Các Hình dạng SVG Cơ bản
4 Đường dẫn SVG
1 Thêm D3
2 Các Gói D3
3 Selections
4 Thêm Phần tử
5 Phương thức Biến đổi
6 Lớp và Kiểu
7 Kết hợp Dữ liệu
8 Enter Selection
9 Exit Selection
10 Hiển thị Dữ liệu
11 Enter, Update và Exit
12 Mẫu Update
13 Yêu cầu JSON
14 Yêu cầu CSV
1 Bước Đầu tiên
2 Vẽ Hình ảnh
3 Thêm Lề
4 Hàm Truy cập
5 Hiểu về Scales
6 Viết Scales
7 Áp dụng Scales vào Biểu đồ
8 Tinh chỉnh Scales
9 Thêm Trục
10 Tinh chỉnh Trục x
11 Trục y
12 Đảo ngược Trục y
13 Tinh chỉnh Vạch chia Trục
14 Tóm tắt
1 Liên tục so với Rời rạc
2 Scale scaleLinear()
3 Giới thiệu về Biểu đồ Nhiệt
4 Vẽ Biểu đồ Nhiệt
5 Màu sắc với Scale Tuyến tính
6 Scale scaleQuantize()
7 Scale scaleQuantile()
8 Scale scaleThreshold()
9 Quantize so với Quantile so với Threshold
10 Thang đo Màu sắc
11 Hiểu về Thang đo Logarit
12 Scale scaleLog()
13 Tóm tắt
1 Giới thiệu về Hoạt ảnh & Tương tác
2 Biểu đồ Tần suất là gì?
3 Chuẩn bị Biểu đồ Tần suất
4 Hiểu về Vấn đề
5 Tạo các Khoảng
6 Hoàn thiện Biểu đồ Tần suất
7 Thay đổi Chỉ số bằng Sự kiện
8 Cập nhật Biểu đồ
9 Chuyển tiếp
10 Hiểu về Vấn đề
11 Sửa lỗi Chuyển tiếp
12 Sửa lỗi Chuyển tiếp Exit
13 Điều chỉnh Thanh và Nhãn
14 Thêm Giá trị Trung bình
15 Thêm Chú giải
16 Sự kiện Chuột
17 Định dạng
18 Hiểu về Biểu đồ Voronoi
19 Tạo Biểu đồ Voronoi
20 Sửa lỗi Biểu đồ Voronoi
1 Thêm nhiều Biểu đồ khác
2 Chuẩn bị Biểu đồ Đường
3 Thang đo Thời gian & Phân tích cú pháp
4 Trình tạo Đường
5 Thêm Trục
6 Chuẩn bị Chú giải
7 Hiểu về Bisectors
8 Bisectors Tùy chỉnh
9 Hoàn thiện Chú giải
10 Bắt đầu với Biểu đồ Tròn
11 Vẽ Cung
12 Hiểu về Thang đo Thứ tự
13 Sử dụng Thang đo Thứ tự
14 Thêm Nhãn
15 Sửa lỗi Biểu đồ Tròn
16 Chuẩn bị Biểu đồ Cột Chồng
17 Hàm Stack
18 Thang đo Band
19 Vẽ các Cột Chồng
20 Vẽ Trục
21 Hoàn thiện
1 Phác thảo
2 Biểu đồ Tương thích với Mọi Màn hình
3 Kết luận

Giới thiệu khóa học

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


Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học D3 Js
Hiển thị tất cả khoá học Data Visualization
Hiển thị tất cả khoá học Javascript
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊