Run2 d3 bubble chart

Implementing force-directed bubble charts with category clustering and tooltips.From its SKILL.md

Install

npx -y skills add cxcscmu/SkillLearnBench --skill run2_d3-bubble-chart

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

SKILL.md

0.5 KB, 108 tokens by cl100k_base, as published. Nobody here has run it

Use d3.forceX and forceY with scale mapping for sector clustering.

const sectorX = d3.scalePoint().domain(sectors).range([width/4, 3*width/4]);

simulation.force("x", d3.forceX(d => sectorX(d.sector)).strength(0.1));

Tooltip handling:

node.on("mouseover", (event, d) => {
    // Show tooltip div
});

Read from the repository

Just SKILL.md. No reference files, no scripts.