Claude Skill MartKhám phá skillCâu dùng ngayHọc qua videoDùng terminalSkill là gì?
 
← Về danh sách

Trực quan hóa tương tác với Plotly

Giúp Claude viết code Plotly để tạo biểu đồ tương tác, đồ thị 3D và dashboard nhiều bảng.

Dữ liệu · Phân tíchTrung cấp★ 342⑂ 34Điểm AI 9/10Cập nhật lần cuối: 21 thg 8, 2026

Làm được gì

  • Chọn đúng API: Plotly Express (một dòng từ DataFrame) hoặc Graph Objects (kiểm soát chi tiết).
  • Hơn 40 loại biểu đồ: scatter, bar, heatmap, surface 3D, violin, bản đồ choropleth, animation.
  • Ghép nhiều bảng bằng make_subplots, xuất ra HTML tương tác hoặc PNG/PDF/SVG qua kaleido.
  • Kèm mẹo thực tế (template, scale độ phân giải, hovertemplate, range slider) và bảng xử lý lỗi thường gặp.

Phù hợp với ai

  • Nhà phân tích dữ liệu, nhà nghiên cứu muốn khám phá DataFrame bằng zoom và tooltip.
  • Người cần hình vẽ sạch, có chú thích cho slide thuyết trình hoặc phụ lục bài báo.
  • Người cần chia sẻ kết quả dưới dạng file HTML mở trực tiếp trên trình duyệt.

Ví dụ sử dụng

  1. "So sánh phân bố nhóm điều trị và nhóm đối chứng" → histogram overlay kèm box plot lề và violin plot.
  2. "Vẽ heatmap ma trận tương quan gene, che nửa trên, lưu PNG scale 2" → code dùng px.imshow.
  3. "Tạo scatter animation theo năm và chuỗi thời gian có range slider, xuất HTML" → dùng animation_frame và rangeslider_visible.

· · · Hướng dẫn cài đặt · · ·

Dùng thử ngay, không cần cài

Dán đoạn dưới vào Claude là dùng được skill này mà không cần cài đặt.

Hãy đọc hướng dẫn trong tệp này và làm theo để giúp mình:
https://raw.githubusercontent.com/jaechang-hits/SciAgent-Skills/HEAD/legacy/plotly-interactive-visualization/SKILL.md

Mình muốn: (viết việc bạn cần ở đây)

Nếu Claude không mở được liên kết, hãy mở liên kết và copy nội dung vào rồi dán.

↓ Thấy hữu ích thì tải ZIP bên dưới và cài. Sau đó skill tự chạy, không phải dán lại mỗi lần.

Cài vào ứng dụng Claude (không cần terminal)
  1. Tải tệp ZIP bằng nút bên dưới.
  2. Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
  3. Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
↓ Tải ZIP
Cài vào Claude Code

Để Claude làm — dán câu dưới đây vào Claude Code

Hãy cài skill mình tìm thấy trên Claude Skill Mart.
Copy thư mục legacy/plotly-interactive-visualization từ repo GitHub jaechang-hits/SciAgent-Skills vào ~/.claude/skills/plotly-interactive-visualization/ của mình.
Sau khi cài xong, cho mình biết skill này làm được gì trong một câu.

Cài bằng lệnh thủ công

git clone https://github.com/jaechang-hits/SciAgent-Skills.git /tmp/SciAgent-Skills && mkdir -p ~/.claude/skills && cp -r /tmp/SciAgent-Skills/legacy/plotly-interactive-visualization ~/.claude/skills/

⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.

  1. Mở terminal.
  2. Tải repo: git clone https://github.com/jaechang-hits/SciAgent-Skills.git
  3. Tạo thư mục skill: mkdir -p ~/.claude/skills
  4. Sao chép skill: cp -r SciAgent-Skills/legacy/plotly-interactive-visualization ~/.claude/skills/
  5. Cài thư viện Python: pip install plotly kaleido pandas numpy
  6. Khởi động lại Claude Code và thử yêu cầu: "Dùng Plotly vẽ scatter tương tác cho file CSV này".
Xem mã nguồn trên GitHub ↗Giấy phép: NOASSERTION