claude-d3js-skill – Data & Science skill for AI agents
This skill provides guidance for creating sophisticated, interactive data visualisations using d3.js.
Install the claude-d3js-skill skill with one command
Pick the tool you use, copy the command and paste it in your terminal. The skill lands in that tool's skills folder and is ready in your next session.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/claude-d3js-skill-709f2.tgz | tar xz -C ~/.claude/skills
Call it in Claude Code: /claude-d3js-skill – then describe the task you want done.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/claude-d3js-skill-709f2.tgz | tar xz -C ~/.codex/skills
Call it in Codex: $claude-d3js-skill – then describe the task you want done.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/claude-d3js-skill-709f2.tgz | tar xz -C ~/.hermes/skills
Call it in Hermes Agent: /claude-d3js-skill – then describe the task you want done.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/claude-d3js-skill-709f2.tgz | tar xz -C ~/.deepcode/skills
Call it in DeepSeek: /claude-d3js-skill – then describe the task you want done.
SKILL.md content
D3.js Visualisation
Detailed Guide
Read [the detailed guide](references/detailed-guide.md) 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.
Related skills
- claude-scientific-skills – Scientific research and analysis skills
- interview-mapper – Maps a single interview transcript into a verbatim-grounded, lens-coded structure and…
- peft – Fine-tune large LLMs with LoRA on limited GPU memory.
- pyhealth – Builds and validates PyHealth clinical machine-learning pipelines for EHR, signals…
- pymatgen – Analyzes, validates, converts, and transforms materials structures and computed…
- pymoo – Solves and validates single-, multi-, and many-objective optimization with pymoo…
- pyopenms – Processes mass spectrometry data with pyOpenMS. Supports proteomics and metabolomics…
- pysam – Provides Python/HTSlib workflows for genomic files. Used when reading, querying…