Individual skill
tufte
Apply Edward Tufte's principles to any data visualization, chart, dashboard, or infographic. Use when the user asks to produce, design, critique, or improve a chart, graph, dashboard, KPI tile, table-with-data, sparkline, small multiple, time series, distribution plot, choropleth, or any other visual that communicates quantitative or categorical information. Also triggers on words like "visualize", "viz", "data viz", "chart", "graph", "dashboard", "infographic", "Tufte". Outputs Tufte-compliant designs in either self-contained HTML/SVG or React (Recharts/D3). Defaults to Tufte rules; user can opt out per chart.
SKILL.md
Source commit a145acf0c158f822d70ccdc2590164abb83b39cb
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- Yes
- Skill scan complete
- Yes
- Observed behavior
- Network or broad shell
- Last checked
- Nov 11, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 320
- Repository last updated
- Jun 15, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- design Derived category
- data Derived category
- engineering Derived category
- engineering-web Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
.gitignoreasset · 78 bytesLICENSEasset · 1,088 bytesREADME.mddoc · 10,657 bytesSKILL.mdcore · 5,095 bytesassets/cheatsheet.pngasset · 249,860 bytesassets/ei-cover.svgasset · 2,122 bytesassets/gallery-full.pngasset · 827,627 bytesassets/pair-1-category.pngasset · 101,874 bytesassets/pair-3-timeseries.pngasset · 94,487 bytesassets/pair-4-dashboard.pngasset · 101,377 bytesassets/pair-7-slopegraph.pngasset · 117,092 bytesassets/pair-8-funnel.pngasset · 107,461 bytesassets/pair-9-cohort.pngasset · 105,698 bytesassets/vdqi-cover.svgasset · 1,907 bytesassets/ve-cover.svgasset · 1,912 bytesbefore-after.htmlasset · 65,437 byteschart-selection.mddoc · 3,597 bytescheatsheet.htmlasset · 7,370 bytescheatsheet.pdfasset · 44,636 byteschecklist.mddoc · 1,713 byteskill-list.mddoc · 4,152 bytespresets/html-svg.mddoc · 6,476 bytespresets/react.mddoc · 7,792 bytesprinciples.mddoc · 6,063 bytesreport-voice.mddoc · 1,837 bytes
Read excerpt
# Tufte — visual display, by the book
This skill turns "make me a chart" into a Tufte-compliant chart. Distilled from *The Visual Display of Quantitative Information* (1983/2001), *Envisioning Information* (1990), and *Visual Explanations* (1997).
## What this skill produces
Two output stacks, selected by the user's project context:
1. **Self-contained HTML/SVG** — single file, inline SVG, no external deps. For one-offs, embeds, screenshots, slide decks.
2. **React (Recharts + D3 fallback)** — for projects that already use React. Recharts where the chart type fits; raw D3-in-React where it doesn't (slopegraph, sparkline-in-table, small multiples).
## How to use this skill
When invoked, work through these in order: