agentsclimarketplace

D3 force clustering

Skill cxcscmu/SkillLearnBench/skills/b1-one-shot-gemini-3.1-flash-lite-preview/stock-data-visualization/d3-force-clustering

Creating bubble clusters in D3.js using force simulations.From its SKILL.md

Install
npx -y skills add cxcscmu/SkillLearnBench --skill d3-force-clustering

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, 137 tokens by cl100k_base, as published. Nobody here has run it

D3 Force Clustering

Use d3.forceSimulation to organize data into clusters.

Implementation Pattern

const simulation = d3.forceSimulation(nodes)
  .force("charge", d3.forceManyBody().strength(1))
  .force("center", d3.forceCenter(width / 2, height / 2))
  .force("collide", d3.forceCollide().radius(d => d.r + 1))
  .force("x", d3.forceX().x(d => clusterX(d.sector)))
  .force("y", d3.forceY().y(d => clusterY(d.sector)));

What ships with it

Read from the repository

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

Keep looking

Skills are one crate of 325,949. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.