D3 table rendering
Creating data-driven HTML tables using D3.js.From its SKILL.md
npx -y skills add cxcscmu/SkillLearnBench --skill d3-table-renderingAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
SKILL.md
0.7 KB, 165 tokens by cl100k_base, as published. Nobody here has run it
D3 Data Table Rendering
Use d3-selection to create rows and cells from JSON data.
Implementation Pattern
const table = d3.select("#table-container").append("table");
const thead = table.append("thead");
const tbody = table.append("tbody");
// Append columns
thead.append("tr").selectAll("th")
.data(columns).enter().append("th").text(d => d);
// Create rows
const rows = tbody.selectAll("tr")
.data(data).enter().append("tr")
.on("click", (event, d) => highlightBubble(d.ticker));
// Populate cells
rows.selectAll("td")
.data(d => columns.map(col => d[col]))
.enter().append("td").text(d => d);
What ships with it
Read from the repository
Just SKILL.md. No reference files, no scripts.