chrisvoncsefalvaychrisvoncsefalvayCommunityยท1 Agent Skills Included

claude-d3js-skill

Custom interactive charts, graphs, and network visualisations

Creates custom interactive data visualisations with d3.js, including bar charts, line charts, heatmaps, chord diagrams, and force-directed networks. Eliminates the guesswork of scales, colour schemes, transitions, and responsive sizing across React, Vue, Svelte, and vanilla JavaScript. Provides ready-made templates, reference guides, and sample data to build publication-quality graphics faster.
npx skills add chrisvoncsefalvay/claude-d3js-skill --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install claude-d3js-skill?โ–ผ

Run `npx skills add chrisvoncsefalvay/claude-d3js-skill --all -g -y` in your terminal to install this skill globally.

What can I build with this d3.js skill?โ–ผ

You can build custom bar charts, line charts, scatter plots, heatmaps, pie charts, chord diagrams, treemaps, and force-directed network graphs with full control over styling and interactions.

Does this skill work with React, Vue, or Svelte?โ–ผ

Yes. It covers both direct DOM manipulation and declarative rendering patterns, so the techniques work in React, Vue, Svelte, and plain JavaScript.

When should I use d3.js instead of a charting library?โ–ผ

Use d3.js when you need custom visual encodings, complex interactions like zoom and brush, network diagrams, or chart types that standard libraries do not offer.

Do I need d3.js experience to use this skill?โ–ผ

No. The skill includes step-by-step patterns, scale references, and colour scheme guides, so your agent can generate correct visualisation code from plain-English requests.

Related Repositories in Data & Analytics

View All in Data & Analyticsโ†’