claud3
D3.js data visualization skill based on Edward Tufte principles. Selects the right chart type from 80+ options by analyzing the data question, then generates single-file HTML with D3 v7, dark theme, responsive layout, direct labels, and annotations.
How do I install this agent skill?
npx skills add https://github.com/podo/design-agent-skills --skill claud3Is this agent skill safe to install?
- Gen Agent Trust Hubwarn
The skill instructs the user to install and execute external code from an unverified third-party GitHub repository.
- Socketwarn
1 alert: gptAnomaly
- Snykfail
Risk: CRITICAL · 2 issues
What does this agent skill do?
claud3
Catalogue stub — full package: dtran320/claud3
Decision tree
-
Is the package already installed? Check:
~/.design-agent-skills/skills/claud3/SKILL.mdexists.- Yes → invoke
claud3and proceed - No → go to step 2
- Yes → invoke
-
Do you have shell access?
- Yes → run the install command below, then invoke the skill
- No → show the install command; in Claude Code, send it as a chat message starting with
!— add-gfor global install or omit for project-only
Install command
npx skills add dtran320/claud3
Invoke after install
- Skill name:
claud3 - Trigger phrases: "claud3", "D3 Tufte", "80 chart types", "D3 dark theme"
What it does
Applies Edward Tufte's data visualization principles to D3.js chart generation. Analyzes the underlying data question to select the most appropriate chart type from a library of 80+ options, then produces self-contained single-file HTML using D3 v7 with a dark theme, responsive layout, direct data labels (no separate legend), and contextual annotations. Includes a playground mode for interactive exploration and refinement.
When NOT to use
- Multi-library visualization agents — use data-viz-agent instead
- AntV/G2 charts — use antvis-chart-skills instead
- Quick single charts without Tufte constraints — use d3js-skill instead
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/podo/design-agent-skills/claud3">View claud3 on skillZs</a>