inflearn logo
inflearn logo

Bắt đầu với D3.js ngay hôm nay: trực quan hóa dữ liệu web

🤔 Bạn muốn học D3 nhưng lo lắng rằng nó quá khó?? Ngay lập tức! Trong bài giảng này, hãy tìm hiểu các khái niệm cơ bản và cách sử dụng D3, đồng thời tạo ra kết quả trực quan hóa của riêng bạn một cách nhanh chóng và dễ dàng.

(4.9) 17 đánh giá

868 học viên

Độ khó Cơ bản

Thời gian Không giới hạn

SVG
SVG
SVG
SVG
날개 달린 동전

Giới thiệu Khóa học và tạo ra sự phát triển cùng thu nhập nhé!

날개 달린 동전

Đối tác tiếp thị

Giới thiệu Khóa học và tạo ra sự phát triển cùng thu nhập nhé!

Đánh giá từ những học viên đầu tiên

Đánh giá từ những học viên đầu tiên

4.9

5.0

장현철

31% đã tham gia

Zalgarkino

5.0

soeun8477

100% đã tham gia

Trong khi nghe bài giảng này, tôi đã cố gắng thực hành bằng cách sử dụng đoạn mã được cung cấp. Sau khi tự mình dùng thử, tôi đã có thể áp dụng nó và cảm giác như nó đã trở thành kiến ​​thức của mình!!

5.0

SoriBada

100% đã tham gia

Tuyệt vời để nhanh chóng sắp xếp các khái niệm

Bạn sẽ nhận được điều này sau khi học.

  • trực quan hóa dữ liệu

  • Các khái niệm cơ bản và cách sử dụng D3

  • Khái niệm và điều khiển SVG

  • Vẽ hình và đồ thị bằng các phương pháp cơ bản

  • Xử lý dữ liệu ở nhiều định dạng khác nhau (csv, tsv, json, v.v.)

  • Vẽ đồ thị thực tế bằng cách sử dụng thanh và đường

  • Cách sử dụng các trình tạo, thành phần và bố cục thiết yếu

  • Vẽ đồ thị đầy màu sắc như bản đồ

D3.js là gì? 🤔

GitHub - d3/d3-logo: Tài sản thương hiệu D3.
D3 là viết tắt của Data-Driven Documents.
Để thực hiện trực quan hóa thông tin động và tương tác
Đây là thư viện JavaScript.

Gần đây, công nghệ này đã được sử dụng trong nhiều hình ảnh thông tin khác nhau, bao gồm cả Bản đồ Corona.


Tại sao nên sử dụng D3.js 🎨

  1. SVG cho phép hiển thị hình ảnh liền mạch ở nhiều độ phân giải khác nhau.
  2. Bạn có thể tùy chỉnh thoải mái thay vì chỉ chọn một mẫu.
  3. Nó được triển khai bằng các tiêu chuẩn web như HTML, CSS và SVG, do đó có ít hạn chế về khung hơn.


Bạn sẽ học được gì trong lớp học? 🕵️‍♀️

  1. Các khái niệm cơ bản và cách sử dụng D3
  2. Cách thao tác và trực quan hóa dữ liệu
  3. Khái niệm và điều khiển SVG
  4. Vẽ hình dạng và đồ thị bằng các phương pháp cơ bản
  5. Xử lý dữ liệu ở nhiều định dạng khác nhau (csv, tsv, json, v.v.)
  6. Đồ thị được sử dụng trong thực tế
  7. Một biểu đồ lạ mắt mà bạn có thể sẽ không thấy trong thực tế


Tôi giới thiệu điều này cho những người này 🙋

  1. Các nhà phát triển cần được đưa vào thực hành ngay lập tức
  2. Đối với những ai đang thắc mắc D3 là gì
  3. Người mới bắt đầu muốn nghiên cứu các khái niệm cơ bản và ứng dụng của D3
  4. Những người muốn trải nghiệm nhiều hình ảnh trực quan khác nhau bằng cách sử dụng tài liệu chính thức
  5. Bất kỳ ai muốn trực quan hóa dữ liệu của riêng mình bằng JavaScript
  6. Bạn đang tìm kiếm thư viện trực quan hóa dữ liệu?

Tôi có nên thực hành ngay bây giờ không?
Bạn có cần bắt đầu một dự án ngay bây giờ không?
Bạn có phải nộp bài tập ngay bây giờ không?
Bạn có cần đào tạo sinh viên và nhân viên mới ngay bây giờ không?
Bạn cần trực quan hóa dữ liệu web ngay bây giờ?

✔️ Xem và áp dụng nhanh chóng!
- Chúng tôi đã chuẩn bị nhiều ví dụ khác nhau có thể được tạo ra chỉ bằng cách sao chép và dán mã nguồn.

✔️ Dễ dàng tìm thấy trong tài liệu bài giảng!
- Chúng tôi cung cấp trang bài giảng Notion để bạn có thể hiểu mà không cần phải tìm kiếm.

✔️ Giảng dạy bằng tài liệu bài giảng Notion!
- Tính đến tháng 5 năm 2022, phiên bản mới nhất là v7.

* Biểu đồ mạng D3 (Biểu đồ hướng lực) được thêm vào tháng 6 năm 2022 .

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Những người cần trực quan hóa dữ liệu

  • Developer có nhu cầu sử dụng D3 trong thực tế ngay (developer xem tốc độ 4x)

  • Nếu bạn tò mò D3 là gì

  • Người mới bắt đầu muốn nghiên cứu các khái niệm cơ bản và cách sử dụng D3

  • Những người muốn trải nghiệm nhiều hình ảnh khác nhau bằng cách sử dụng các tài liệu chính thức

  • Bất kỳ ai muốn trực quan hóa dữ liệu của mình bằng JavaScript

Cần biết trước khi bắt đầu?

  • Ngữ pháp cơ bản JavaScript

  • Cú pháp cơ bản CSS

Xin chào
Đây là The Oreum

11,023

Học viên

415

Đánh giá

3

Trả lời

4.8

Xếp hạng

21

Các khóa học

The Oreum là thương hiệu cao cấp của Jeju Coding Basecamp, chuyên sản xuất các bài giảng liên quan đến thực hành và việc làm.

Nếu bạn đã tích lũy được những kiến thức lý thuyết tại Jeju Coding Basecamp, hãy sở hữu cả portfolio và năng lực thực tế thông qua các bài giảng thực chiến của The Oreum!

" Chúng tôi luôn ủng hộ sự kiên trì và niềm đam mê của bạn để lấp đầy 2% còn lại! "

︎ Lộ trình của The Oreum

The Oreum 로드맵.png.webp

Hãy sở hữu cả danh mục dự án (portfolio) và năng lực thực tế thông qua các bài giảng thực chiến của chúng tôi! "Chúng tôi luôn ủng hộ sự kiên trì và niềm đam mê của bạn để lấp đầy 2% còn thiếu!" ▶︎ Lộ trình The Oreum

Thêm

Đồng giảng viên

Chương trình giảng dạy

Tất cả

36 bài giảng ∙ (6giờ 22phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

17 đánh giá

4.9

17 đánh giá

  • soeun84771786님의 프로필 이미지
    soeun84771786

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Trong khi nghe bài giảng này, tôi đã cố gắng thực hành bằng cách sử dụng đoạn mã được cung cấp. Sau khi tự mình dùng thử, tôi đã có thể áp dụng nó và cảm giác như nó đã trở thành kiến ​​thức của mình!!

    • qqwewew님의 프로필 이미지
      qqwewew

      Đánh giá 14

      Đánh giá trung bình 5.0

      5

      72% đã tham gia

      Bài giảng có chứa nhiều thông tin không?

      • j283296370618님의 프로필 이미지
        j283296370618

        Đánh giá 1

        Đánh giá trung bình 5.0

        5

        31% đã tham gia

        Zalgarkino

        • soriv님의 프로필 이미지
          soriv

          Đánh giá 3

          Đánh giá trung bình 4.7

          5

          100% đã tham gia

          Tuyệt vời để nhanh chóng sắp xếp các khái niệm

          • digilog1q846240님의 프로필 이미지
            digilog1q846240

            Đánh giá 51

            Đánh giá trung bình 4.9

            5

            100% đã tham gia

            Tôi nghĩ thật tốt khi có thể xem tổng quan nhanh về những kiến ​​thức cơ bản về d3.js.

            Khóa học khác của The Oreum

            Hãy khám phá các khóa học khác của giảng viên!

            703.865 ₫