FreeSkills
Knowledge wiki setup
- 418418 downloads
- 129129 likes
- 161161 saves
Works with
- Claude Code
- Codex
- Cursor
- and 3 more
Charts and data visualisations with D3.js v1.0.0
Use this resource to design a chart or interactive visualisation with D3.js
New
- 321 downloads
- 223 likes
- 219 saves
Free
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install d3-charts-data-visualizationWith no option, the skill goes to ~/.agents/skills/; add --agent claude-code (or codex, cursor…) to target an agent.
First time: connect the CLI with
npx --yes palatekit@latest loginThe agent binds data to SVG elements, sets the scales and axes, then draws the chart type you want with tooltips and transitions. You get the code for an interactive visualisation.
Mostly picked by
Updated November 2, 2026
Previews
Details
- Install guides
- Generates with
- Your agent's model
- Licence
- MIT
Similar resources
View all- Free
FreeSkills
Wiki health check
- 552552 downloads
- 202202 likes
- 127127 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Ask your wiki
- 374374 downloads
- 131131 likes
- 214214 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Wiki source ingestion
- 315315 downloads
- 230230 likes
- 246246 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Wiki auditor agent
- 556556 downloads
- 205205 likes
- 192192 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
UX research assistant
- 598598 downloads
- 142142 likes
- 236236 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Wiki ingestion agent
- 437437 downloads
- 162162 likes
- 191191 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Wiki librarian agent
- 304304 downloads
- 120120 likes
- 217217 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
What you get
- SKILL.md: data binding, scales and axes
- SKILL.md: patterns for bar, line and pie charts, tooltips and transitions
Good fit for
- You want an interactive chart beyond standard templates
- Your data should appear as a network graph or a map
Not for
Tags
- d3
- charts
- visualisation
- svg
- data
About
You say
“Draw an interactive bar chart of monthly sales, with tooltips.”
Skill published by bbeierle12 under the MIT license, delivered in its original version.
Show moreShow less
How to use it
- Install the skill in your agent's skills folder
- Ask your agent to design a chart or interactive visualisation with D3.js
- Review and adjust the result
Content preview
Files
- _meta.json0.6 KB
- LICENSE1 KB
- NOTICE-PALATEKIT.md0.5 KB
- SKILL.md7.2 KB
Origin and licence
Listed unmodified
- Author
- bbeierle12
- Source
- github.com/bbeierle12/skill-mcp-claude/tree/1ac5e47e1996f17c4a81ced43fb2a9eec7794a60/skills/d3js-visualization
- Licence
- MIT
Notice
« d3js-visualization » (bbeierle12, MIT) livré dans sa version d'origine : fiche en français et en anglais par PalateKit.
User reviews
–
No ratings yet
Loading reviews…