D3.js Visualization
D3.js Visualization
Mô tả
Skill giúp Claude viết biểu đồ trực quan hoá dữ liệu tương tác bằng D3.js - biểu đồ tuỳ biến cao (force graph, biểu đồ địa lý, timeline phức tạp) mà các thư viện chart đóng gói sẵn khó làm được.
Khi nào nên dùng
- Cần một biểu đồ tương tác phức tạp, tuỳ biến sâu (ví dụ force-directed graph, sankey diagram) mà chart library thông thường không hỗ trợ.
- Cần trực quan hoá dữ liệu địa lý hoặc mạng lưới quan hệ.
Khi nào không nên dùng
- Chỉ cần biểu đồ cơ bản (line, bar, pie) - dùng thư viện chart đơn giản hơn (Chart.js, Recharts) sẽ nhanh và dễ bảo trì hơn D3.js thuần.
Ví dụ
“Vẽ một force-directed graph thể hiện quan hệ giữa các nhân vật trong bộ dữ liệu này bằng D3.js.”
Mô tả tổng hợp từ danh mục cộng đồng, chưa kiểm chứng trực tiếp - D3.js có đường cong học khá dốc, nên cân nhắc độ phức tạp cần thiết trước khi chọn D3 thay vì chart library đơn giản hơn.
Nguồn
Tổng hợp từ danh mục sickn33/agentic-awesome-skills, kho gốc tại github.com/chrisvoncsefalvay/claude-d3js-skill.
lượt xem
