← LeaderboardThe Skill Leaderboard

claude-d3js-skill

This skill provides guidance for creating sophisticated, interactive data visualisations using d3.js.

Published by sickn33 ↗sickn33/agentic-awesome-skills

Try your first task

claude-d3js-skill

Start a fresh conversation. Replace the highlighted placeholders.

Use claude-d3js-skill to build a responsive, interactive D3 visualization in [target file or component] from [data source], implementing [chart type and interactions], with validated data handling and integration notes.

Required inputs

  • [target file or component]
  • [data source]
  • [chart type and interactions]

User-approved starter prompt based on a pinned source version; check current skill requirements before running. Task evidence ↗

SKILL.md

name: claude-d3js-skilldescription: "This skill provides guidance for creating sophisticated, interactive data visualisations using d3.js."risk: criticalsource: communitydate_added: "2026-02-27"

D3.js Visualisation

Detailed Guide

Read the detailed guide before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.

When to use d3.js

Use d3.js for:

  • Custom visualisations requiring unique visual encodings or layouts
  • Interactive explorations with complex pan, zoom, or brush behaviours
  • Network/graph visualisations (force-directed layouts, tree diagrams, hierarchies, chord diagrams)
  • Geographic visualisations with custom projections
  • Visualisations requiring smooth, choreographed transitions
  • Publication-quality graphics with fine-grained styling control
  • Novel chart types not available in standard libraries

Consider alternatives for:

  • 3D visualisations - use Three.js instead

Limitations

  • Use this skill only when the task clearly matches the scope described above.
  • Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
  • Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.