An agent skill that applies Edward Tufte's data visualization principles when generating charts, plots, and graphs.
Claude Code
$ npx -y skills add caylent/tufte-data-viz --agent claude-code
Codex
$ npx skills add caylent/tufte-data-viz -a codex
Cursor
$ npx skills add caylent/tufte-data-viz -a cursor
Gemini CLI
$ npx skills add caylent/tufte-data-viz -a gemini-cli
GitHub Copilot
$ npx skills add caylent/tufte-data-viz -a github-copilot
OpenCode
$ npx skills add caylent/tufte-data-viz -a opencode
Windsurf
$ npx skills add caylent/tufte-data-viz -a windsurf
An agent skill that applies Edward Tufte's data visualization principles when generating charts, plots, and graphs. Produces clean, honest, high-data-ink-ratio visualizations across multiple charting libraries — extended with modern screen-first standards for accessibility, responsiveness, and interactivity.
This skill is opinionated by design. It will remove your gridlines, delete your legends, reject your pie charts, and insist on serif fonts. It enforces a specific visual philosophy — Tufte's — not a neutral one. If you want total creative freedom over your chart styling, this is not the skill for you. If you want every chart to come out clean, honest, and readable without thinking about it, read on.
npx skills add caylent/tufte-data-viz
The same data, default styling vs. Tufte principles applied:
See it happen live — gridlines fade, legends become direct labels, chartjunk dissolves:
Try the live demo — toggle between default and Tufte styling across ECharts, Chart.js, Plotly, and D3.js. Includes dark mode.
22 universal rules applied to every chart, organized in three tiers:
Static principles (rules 1–14) — the Tufte foundation:
Screen-first principles (rules 15–19) — modern interactive contexts:
prefers-reduced-motion)Content & formatting (rules 20–22) — what Tufte assumed but never codified:
| Library | Rule file | Language |
|---|---|---|
| Recharts | rules/recharts.md | React/JSX |
| ECharts | rules/echarts.md | JavaScript |
| Chart.js | rules/chartjs.md | JavaScript |
| matplotlib | rules/matplotlib.md | Python |
| Plotly | rules/plotly.md | Python/JS |
| D3.js / SVG / HTML | rules/svg-html.md | Web |
rules/interactive-and-accessible.md — progressive disclosure, accessibility, responsive, animation, dark moderules/typography-and-color.md — font stacks, palettes, hex valuesrules/anti-patterns.md — common violations and one-liner fixesrules/small-multiples-sparklines.md — small multiples, sparklines, slopegraphsMIT
Stars on GitHub
Reads text from scanned pages, photos and PDFs and returns it as structured Markdown or JSON, so you can pull tables, formulas and headers out of a document without retyping them. Covers many languages and works as input for AI tools.
@paddlepaddleGives your AI assistant a memory that persists across sessions, so it remembers your preferences and earlier work in this repository instead of starting fresh. Search, forget, pause and resume memories with simple commands.
@mem0aiGives AI agents a library of ready-made skills for scientific work such as metabolic flux analysis, protein experiment design, time series modeling, and analytical method validation, so research tasks need less hand-built code. It works with any agent that supports the open Agent Skills standard.
@k-dense-aiGives Claude Code skills, agents, and commands for PostHog analytics, session replay, feature flags, error tracking, and LLM observability. Includes MCP server setup and project access checks.
@posthogAn agent skill that applies Edward Tufte's data visualization principles when generating charts, plots, and graphs. Install it with the command on its page. It includes tufte-data-viz. Its skills do not fire on their own yet. Free and open source.
Is this plugin yours?
Claim it with GitHubSubmit a pluginPromote it