Sign inGet started

Creating interactive data visualizations using D3.js for web applications.

Lift—not yet benchmarked
74
Trustsecurity · quality · license · upkeep
Scan Saferisk 0/100
License—metadata + link-out

What it does

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.

#data visualization#d3js#interactive charts#javascript#front-end#svg

Quality judgment

completeness
9.0/10
clarity
9.0/10
trigger quality
8.0/10
examples
9.5/10
structure
9.0/10
overall
9.0/10

Comprehensive, well-structured skill covering workflow, patterns, interactivity, scales, best practices, and troubleshooting with runnable code examples. Minor deductions: some code snippets have subtle bugs (chord ribbon accessor, heatmap labels appended outside the margin group) and referenced resource files are unverifiable.

Files (7)

assets/chart-template.jsx · 2.8 KBassets/interactive-template.jsx · 6.3 KBassets/sample-data.json · 4.4 KBreferences/colour-schemes.md · 12.5 KBreferences/d3-patterns.md · 21.1 KBreferences/scale-reference.md · 11.8 KBSKILL.md · 21.3 KB