claude-d3js-skill
This skill provides guidance for creating sophisticated, interactive data visualisations using d3.js.
How do I install this agent skill?
npx skills add https://github.com/sickn33/agentic-awesome-skills --skill claude-d3js-skillIs this agent skill safe to install?
- Gen Agent Trust Hubpass
This skill provides guidance and templates for D3.js data visualizations. It is generally safe but includes code patterns for tooltips that are vulnerable to Cross-Site Scripting (XSS) if used with unsanitized external data.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
What does this agent skill do?
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.
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/sickn33/agentic-awesome-skills/claude-d3js-skill">View claude-d3js-skill on skillZs</a>