Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
Programming

/

Front-end

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) 15 đánh giá

853 học viên

3시간 만에 완강할 수 있는 강의 ⏰
SVG

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

Dịch cái này sang tiếng Việt

  • 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à

10,330

Học viên

352

Đánh giá

2

Trả lời

4.8

Xếp hạng

21

Các khóa học

더 오름은 제주코딩베이스캠프의 프리미엄 브랜드로 주로 실무, 취업과 연관된 강의를 제작하고 있습니다.

제주코딩베이스캠프에서 이론적인 지식을 획득하셨다면, 더 오름의 실전 강의들을 통해 포트폴리오와 실무 능력들을 모두 가져가세요! 

" 2%를 채우기 위한 여러분의 집념과 열정을 응원합니다! "

 

︎ 더 오름 로드맵

The Oreum 로드맵.png.webp

 

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ả

15 đánh giá

4.9

15 đánh giá

  • 장현철님의 프로필 이미지
    장현철

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    잘가르키노

    • soeun8477님의 프로필 이미지
      soeun8477

      Đánh giá 3

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      이 강의를 들으며 제공해주신 코드를 참고하여 열심히 실습해보았습니다. 확실히 직접 해보니 응용도 할 수 있게 되고 제 지식이 된 것 같아 너무 좋았습니다!!

      • SoriBada님의 프로필 이미지
        SoriBada

        Đánh giá 3

        Đánh giá trung bình 4.7

        5

        100% đã tham gia

        빠르게 개념을 정리하기에 좋았습니다

        • digilog님의 프로필 이미지
          digilog

          Đánh giá 51

          Đánh giá trung bình 4.9

          5

          100% đã tham gia

          d3.js 기본을 빠르게 overview 볼수 있는 것이 좋은 것 같습니다.

          • 우디님의 프로필 이미지
            우디

            Đánh giá 13

            Đánh giá trung bình 5.0

            5

            72% đã tham gia

            강의 알차요

            716.373 ₫

            Khóa học khác của theoreum

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