Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke visualisations beyond standard charting libraries, whether in React, Vue, Svelte, vanilla JavaScript, or any other environment.
8.7
Rating
0
Installs
Frontend Development
Category
Excellent D3.js visualization skill with comprehensive coverage of implementation patterns, common chart types, and best practices. The SKILL.md provides clear guidance on when to use D3.js vs alternatives, detailed workflows from setup to responsiveness, and extensive code examples for bar charts, line charts, scatter plots, chord diagrams, heatmaps, force-directed networks, and more. It covers interactivity (tooltips, zoom, clicks), transitions, scales, accessibility, and performance optimization. The structure is logical with a concise overview followed by practical sections, and references additional detailed files for patterns, scales, and color schemes. The skill is novel because D3.js requires significant domain knowledge about data binding, SVG manipulation, scales, and complex layouts that would consume many tokens for a CLI agent to implement from scratch. Minor improvement areas: could slightly expand the description to mention specific chart types covered, and add a bit more framework-specific integration guidance for React/Vue beyond the two patterns shown.
davila7
Skill Author
Loading SKILL.md…
Skill Author
