D3 Visualization
benchflow-ai/skillsbench
Build deterministic, verifiable data visualizations with D3.js (v6).
Render a real, publication-ready data graphic (SVG or HTML) that obeys Tufte's principles — minimal ink, range-frame axes, direct labels, honest proportions.
Install Tufte Chart
$ npx skills add gnurio/tufte-vdqi-plugin --skill tufte-chart -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install gnurio/tufte-vdqi-plugin tufte-chart --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/gnurio/tufte-vdqi-plugin.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/tufte-chart .claude/skills/tufte-chart && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "tufte-chart" agent skill from https://github.com/gnurio/tufte-vdqi-plugin/tree/main/skills/tufte-chart into .claude/skills/tufte-chart/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "tufte-chart", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/gnurio/tufte-vdqi-plugin/tree/main/skills/tufte-chartType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add gnurio/tufte-vdqi-plugin --skill tufte-chart -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install gnurio/tufte-vdqi-plugin tufte-chart --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/gnurio/tufte-vdqi-plugin.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/tufte-chart .agents/skills/tufte-chart && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "tufte-chart" agent skill from https://github.com/gnurio/tufte-vdqi-plugin/tree/main/skills/tufte-chart into .agents/skills/tufte-chart/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "tufte-chart", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add gnurio/tufte-vdqi-plugin --skill tufte-chart -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install gnurio/tufte-vdqi-plugin tufte-chart --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/gnurio/tufte-vdqi-plugin.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/tufte-chart .cursor/skills/tufte-chart && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "tufte-chart" agent skill from https://github.com/gnurio/tufte-vdqi-plugin/tree/main/skills/tufte-chart into .cursor/skills/tufte-chart/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "tufte-chart", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/gnurio/tufte-vdqi-plugin.git --path skills/tufte-chart--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add gnurio/tufte-vdqi-plugin --skill tufte-chart -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install gnurio/tufte-vdqi-plugin tufte-chart --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/gnurio/tufte-vdqi-plugin.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/tufte-chart .gemini/skills/tufte-chart && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "tufte-chart" agent skill from https://github.com/gnurio/tufte-vdqi-plugin/tree/main/skills/tufte-chart into .gemini/skills/tufte-chart/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "tufte-chart", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install gnurio/tufte-vdqi-plugin tufte-chartInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add gnurio/tufte-vdqi-plugin --skill tufte-chart -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/gnurio/tufte-vdqi-plugin.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/tufte-chart .github/skills/tufte-chart && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "tufte-chart" agent skill from https://github.com/gnurio/tufte-vdqi-plugin/tree/main/skills/tufte-chart into .github/skills/tufte-chart/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "tufte-chart", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add gnurio/tufte-vdqi-plugin --skill tufte-chart -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install gnurio/tufte-vdqi-plugin tufte-chart --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/gnurio/tufte-vdqi-plugin.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/tufte-chart .opencode/skills/tufte-chart && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "tufte-chart" agent skill from https://github.com/gnurio/tufte-vdqi-plugin/tree/main/skills/tufte-chart into .opencode/skills/tufte-chart/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "tufte-chart", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
tufte-chart- GitHub stars
- 309
- Token cost
- ~2.1k tokens
- SKILL.md length
- 1,061 words
- Files
- 38 (incl. scripts, references, assets)
- Skills in repo
- 2
- Repo updated
- First seen
- Licence
- None found
At a glance
Render a real, publication-ready data graphic (SVG or HTML) that obeys Tufte's principles — minimal ink, range-frame axes, direct labels, honest proportions.
- Someone wants to design
- SKILL.md covers Build checklist (apply every…, Pick the genre first, Multi-render rule (when to… and How to render, plus 3 more sections
- Calls python3
- Visualize a chart
What it does
Tufte Chart is an agent skill from gnurio/tufte-vdqi-plugin. Render a real, publication-ready data graphic (SVG or HTML) that obeys Tufte's principles — minimal ink, range-frame axes, direct labels, honest proportions. Use when someone wants to design, build, create, draw, plot, or visualize a chart or graph the Tufte way, or to rebuild a chart after a critique found problems. This is the skill that outputs an actual chart file. Not for critiquing an existing graphic (tufte-critique).
Its SKILL.md is about 2.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 43 other files, including scripts, reference files and assets.
It sits in Data & Analytics, covering Accessibility. The repository describes itself as: Give your AI agents the skill of visualizing data the way Edward Tufte intended.
When your agent uses it
- Someone wants to design
- Visualize a chart
- Graph the Tufte way
- Rebuild a chart after a critique found problems
Example prompts
- “/tufte-chart”
Requirements
- Python 3
What it can do on your machine
Read from SKILL.md and the folder at commit 157bcfd. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships 1 file in scripts/, which the agent can run.
Shell commands in SKILL.md call:
python3
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Tufte Chart loads about 2.1k tokens when it runs, and up to ~9.2k if it reads all its reference files. Until then it costs about 111 tokens; SKILL.md has 1,061 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 1,061 words (~2,150 tokens).
“Render an actual chart file. "Design / build / produce a chart" requests land here; to fix a cluttered or misleading chart, run tufte-critique first and rebuild here honoring its remedy tags (B1–B7).”
- name
- tufte-chart
Files
SKILL.md and 37 other files (scripts, references, assets) in skills/tufte-chart of gnurio/tufte-vdqi-plugin.
- SKILL.md
- assets/tufte-css/LICENSE
- assets/tufte-css/et-book/et-book-bold-line-figures/et-book-bold-line-figures.eot
- assets/tufte-css/et-book/et-book-bold-line-figures/et-book-bold-line-figures.svg
- assets/tufte-css/et-book/et-book-bold-line-figures/et-book-bold-line-figures.ttf
- assets/tufte-css/et-book/et-book-bold-line-figures/et-book-bold-line-figures.woff
- assets/tufte-css/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.eot
- assets/tufte-css/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.svg
- assets/tufte-css/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.ttf
- assets/tufte-css/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.woff
- assets/tufte-css/et-book/et-book-roman-line-figures/et-book-roman-line-figures.eot
- assets/tufte-css/et-book/et-book-roman-line-figures/et-book-roman-line-figures.svg
- assets/tufte-css/et-book/et-book-roman-line-figures/et-book-roman-line-figures.ttf
- assets/tufte-css/et-book/et-book-roman-line-figures/et-book-roman-line-figures.woff
- assets/tufte-css/et-book/et-book-roman-old-style-figures
- … and 23 more
Open the folder on GitHubat commit 157bcfd
Compare with similar skills
Tufte Chart next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Tufte Chart this skillgnurio/tufte-vdqi-plugin | 309 | — | ~2.1k | Automated safety check: Pass | None | |
| D3 Visualizationbenchflow-ai/skillsbench | 1.8k | — | ~1.5k | Automated safety check: Pass | Apache-2.0 | |
| Data VisualizationOwl-Listener/designer-skills | 2.9k | 1 repos | ~513 | Automated safety check: Pass | MIT | |
| Working With ChartsPostHog/posthog | 40k | — | ~948 | Automated safety check: Pass | Custom licence | |
| Matlab Build Chartmatlab/matlab-agentic-toolkit | 1.1k | — | ~3.5k | Automated safety check: Notes | Custom licence | |
| Pbi Report Designdata-goblin/power-bi-agentic-development | 1k | — | ~5.4k | Automated safety check: Pass | GPL-3.0 |
Similar skills
Data Visualization
Owl-Listener/designer-skills
Select chart types and design data encodings — marks, axes, labels, and accessible chart styling.
- Official
Working With Charts
PostHog/posthog
Guides consumers of @posthog/quill-charts through chart selection, data, themes, sizing, and composition.
Matlab Build Chart
matlab/matlab-agentic-toolkit
Create and customize MATLAB charts and plots. An agent skill from matlab/matlab-agentic-toolkit.
Pbi Report Design
data-goblin/power-bi-agentic-development
The Power BI report design canon covering design identity, visual hierarchy and the 3-30-300 rule, layout/spacing/alignment, color discipline, chart selection, KPI and card design, tables and…
Statistics
thedaviddias/ux-patterns-for-developers
A skill your agent uses when you need to display key metrics and statistics.
More from gnurio/tufte-vdqi-plugin
Tufte Critique
gnurio/tufte-vdqi-plugin
Critique a data graphic against a nine-criterion rubric derived from Tufte's VDQI — score it, name the chartjunk species present, compute the lie factor, compare against the book's named-failure…
Related
Categories
Questions about Tufte Chart
What does Tufte Chart do?
Render a real, publication-ready data graphic (SVG or HTML) that obeys Tufte's principles — minimal ink, range-frame axes, direct labels, honest proportions. Tufte Chart is an agent skill from gnurio/tufte-vdqi-plugin. Render a real, publication-ready data graphic (SVG or HTML) that obeys Tufte's principles — minimal ink, range-frame axes, direct labels, honest proportions.
When should I use Tufte Chart?
Tufte Chart fits situations like: someone wants to design; visualize a chart; graph the Tufte way; rebuild a chart after a critique found problems.
How do I install Tufte Chart in Claude Code?
Run `npx skills add gnurio/tufte-vdqi-plugin --skill tufte-chart -a claude-code`. Or copy the skill folder (skills/tufte-chart in gnurio/tufte-vdqi-plugin) into .claude/skills/tufte-chart in your project. Claude Code loads it when a task matches its description.
How do I install Tufte Chart in Codex?
Run `npx skills add gnurio/tufte-vdqi-plugin --skill tufte-chart -a codex`. Or copy the skill folder (skills/tufte-chart in gnurio/tufte-vdqi-plugin) into .agents/skills/tufte-chart in your project. Codex loads it when a task matches its description.
Can I use Tufte Chart in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add gnurio/tufte-vdqi-plugin --skill tufte-chart -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/tufte-chart, .gemini/skills/tufte-chart, .github/skills/tufte-chart and .opencode/skills/tufte-chart in your project.
What does Tufte Chart need to run?
Going by SKILL.md and its folder, Tufte Chart needs the command-line tools its instructions call (python3). Our summary lists: Python 3.
Does Tufte Chart access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Tufte Chart safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
What licence does Tufte Chart use?
No licence was found for Tufte Chart or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Tufte Chart use?
About 2.1k tokens (SKILL.md is roughly 8.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 7k tokens, read only when the agent opens those files.
What are the alternatives to Tufte Chart?
Skills that share tags, products or a category with Tufte Chart: D3 Visualization (benchflow-ai/skillsbench, 1.8k stars), Data Visualization (Owl-Listener/designer-skills, 2.9k stars), Working With Charts (PostHog/posthog, 40k stars) and Matlab Build Chart (matlab/matlab-agentic-toolkit, 1.1k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Tufte Chart?
gnurio (a GitHub user) maintains it in gnurio/tufte-vdqi-plugin, which has 309 GitHub stars. The repository holds 2 skills in this directory. The repository was last updated on July 23, 2026.
Source: gnurio/tufte-vdqi-plugin on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.