d3-bubble-chart
From the author
How to build a D3.js v6 force-directed bubble chart with sector clustering, size encoding, color legends, tooltips, and interactive selection. Use this skill whenever the user wants a bubble chart, force simulation, cluster layout, or interactive SVG circles with D3.
Install
npx skills add cxcscmu/SkillLearnBench --skill d3-bubble-chart -a claude-code
Installs to .claude/skills/d3-bubble-chart/ · Each command fetches the skill straight from GitHub with the open skills CLI.
Byte-identical to the scanned commit, with the repository’s licence and a SOURCE.txt.
Want your agent to suggest skills while you type? See how to use skills from your IDE.
Safety checks on SKILL.md
No warnings.
Why 83
aiqbench computes the trust score from public signals. It is not a security audit, so read a skill before you install it.
Similar skills
Closest to this one by what they do and when they are used.
- d3-force-bubble-chartcxcscmu/SkillLearnBenchCreate force-simulation bubble charts with D3.js v6, including sector clustering, collision avoidance, tooltips, and legends.Other★ 91
- d3-force-bubblecxcscmu/SkillLearnBenchGuide for creating clustered bubble charts using D3.js force simulations (v6+), including collision and categorization.Other★ 91
- d3-force-simulationcxcscmu/SkillLearnBenchD3.js force simulation for creating interactive bubble charts with clustering, collision detection, and physics-based positioningScience★ 91
- evo-d3v6-stock-visualizationOpenLAIR/OpenSkillGenerates the complete visualization.js file implementing a D3.js v6 force-simulation bubble chart with sector clustering, an interactive data table, tooltips, legends, and bidirectional click-based highlighting between chart and table.Finance★ 97
- d3-data-tablecxcscmu/SkillLearnBenchHow to build an interactive HTML data table driven by D3.js v6 with sortable columns, row highlighting, cross-component selection, and formatted values. Use this skill when building tabular displays alongside D3 charts, especially when the table needs to stay in sync with chart interactions.Other★ 91
- d3-vizaiskillstore/marketplaceCreating 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.Engineering★ 444
Ratings & reviews
—
no reviews
Tried this skill? Rate it to help others. Sign in
Discussion
Join the discussion. Sign in