Phân tích chuyên sâu về D3

 (d3indepth.com)
4 điểm bởi GN⁺ 2024-05-18 | 1 bình luận | Chia sẻ qua WhatsApp

D3 in Depth

D3 in Depth đề cập đến D3 phiên bản 6 và 7

  • Trang chủ: D3 in Depth là một trang web đề cập đến các phiên bản mới nhất của D3.js là 6 và 7.
  • Giới thiệu: Trang web này cung cấp nội dung chuyên sâu về trực quan hóa dữ liệu bằng D3.js.
  • Bản tin: Thông qua bản tin, bạn có thể nhận thông tin giảm giá sách cùng tin tức và mẹo liên quan đến D3.js.

Sách và khóa học

  • Visualising Data with JavaScript: Dạy cách tạo biểu đồ, bảng điều khiển và câu chuyện dữ liệu bằng Chart.js, Leaflet, D3 và React.
    • "Một trong những cuốn sách D3 hay nhất mà tôi từng đọc. Nội dung rất rõ ràng, dễ làm theo và nền tảng khái niệm rất vững chắc." - Javier García Fernández
  • Trực quan hóa dữ liệu tùy chỉnh: Bạn có thể học cách tạo trực quan hóa dữ liệu tùy chỉnh bằng D3.js.
  • Học kiến thức cơ bản: Bạn có thể học những nền tảng của HTML, SVG, CSS và JavaScript để xây dựng trực quan hóa dữ liệu trên web.

Mục lục

  • Giới thiệu về D3
  • Bắt đầu
  • Selections
  • Data joins
  • Enter, exit & update
  • Hàm tỷ lệ
  • Hình dạng
  • Axes
  • Phân cấp
  • Chord Diagrams
  • Force layout
  • Bản đồ
  • Yêu cầu dữ liệu
  • Transitions
  • Chọn, kéo và brushing
  • Zoom & pan

Bản tin

  • Đăng ký: Bạn có thể nhận thông tin giảm giá sách cùng tin tức và mẹo liên quan đến D3.js.

Bản quyền

  • © Peter Cook 2023

Ý kiến của GN⁺

  • Tầm quan trọng của D3.js: D3.js là một thư viện trực quan hóa dữ liệu rất hữu ích để biểu diễn dữ liệu phức tạp dưới dạng trực quan. Đây là một công cụ đặc biệt mạnh mẽ khi xử lý các tập dữ liệu lớn.
  • Đường cong học tập: D3.js rất mạnh, nhưng đường cong học tập có thể khá dốc. Trang web này cung cấp tài liệu hữu ích cho cả người mới bắt đầu lẫn người dùng nâng cao.
  • Tích hợp với nhiều công cụ: Bạn có thể học cách tích hợp với các công cụ khác như Chart.js, Leaflet, React, nên có thể áp dụng vào nhiều dự án khác nhau.
  • Tập trung vào thực hành: Trang web này được tổ chức theo hướng thực hành, nên bạn có thể thu được kiến thức có thể áp dụng ngay vào các dự án thực tế.
  • Những điểm cần cân nhắc khi lựa chọn công nghệ: Khi chọn D3.js, cần cân nhắc độ phức tạp của dự án, trình độ kỹ thuật của nhóm và khả năng bảo trì. D3.js rất mạnh, nhưng với các dạng trực quan hóa đơn giản thì đôi khi lại là lựa chọn quá mức cần thiết.

Bài viết liên quan

1 bình luận

 
GN⁺ 2024-05-18
Ý kiến trên Hacker News

Tóm tắt bình luận trên Hacker News

  • Giới thiệu Observable Plot và Observable Framework

    • Nếu bạn quan tâm đến trực quan hóa dữ liệu bằng D3, Observable Plot là thứ đáng để xem qua vì nó mang lại mức độ tiện lợi cao hơn.
    • Observable Framework là trình tạo trang tĩnh, hỗ trợ Plot, D3 và nhiều thư viện khác để xây dựng dashboard trực quan hóa.
    • Observable Plot
    • Observable Framework

  • Độ khó khi sử dụng D3

    • Dù đã có nhiều kinh nghiệm dùng D3, nhưng sau vài năm quay lại thì tài liệu vẫn gây rối và tạo cảm giác như phải bắt đầu lại từ đầu.
    • Hiểu tài liệu D3 còn khó hơn cả giải bài toán.

  • Giá trị của việc học D3

    • Ngay cả khi không dùng D3 một cách chuyên nghiệp, việc học nó vẫn rất đáng giá.
    • Có thể học cách hiểu sự khác biệt giữa phép chiếu dữ liệu và dữ liệu thực tế, cũng như cách scale chúng.
    • Điều này cũng hữu ích khi làm trực quan hóa dữ liệu trong các môi trường khác ngoài web.

  • Sự phát triển của D3.js và các lựa chọn thay thế hiện đại

    • Đã làm nhiều dự án với D3.js, nhưng giờ nó mang lại cảm giác khá lỗi thời.
    • Đã chuyển sang các framework hiện đại như Vue 3 và TypeScript, nhưng vẫn biết ơn những thực hành tốt mà D3.js đã mang lại.

  • Các lựa chọn thay thế như VisX

    • Sau khi học D3, sẽ tốt hơn nếu chuyển sang các công cụ có cấu trúc hơn như VisX.
    • D3 và jQuery rất dễ dẫn đến spaghetti code.

  • Grammar of Graphics và ggplot2

    • D3 được truyền cảm hứng từ Grammar of Graphics của Wilkinson.
    • ggplot2 của ngôn ngữ R cũng lấy cùng nguồn cảm hứng đó và cung cấp giao diện ngắn gọn, giàu tính hàm hơn.

  • Vấn đề của đồ thị force-directed

    • Rất thích các ví dụ đồ thị force-directed của D3, nhưng khi số lượng node và edge tăng lên thì bố cục trở nên không còn tốt nữa.
    • Có thể sẽ cần đến trực quan hóa 3D.

  • Các tài nguyên D3 hữu ích

    • Từng có một tài nguyên duy nhất thực sự giúp ích trong việc hiểu D3.
    • Tác giả phản hồi rất nhanh và rất nhiệt tình hỗ trợ.

  • Giới thiệu Vega

  • Độ phức tạp trong cú pháp của D3

    • Các hình trực quan hóa làm bằng D3 rất tốt, nhưng cú pháp thì quá phức tạp và lỗi thời.
    • Thật may là mọi thứ đang chuyển sang cách tiếp cận mang tính khai báo hơn.