https://github.com/pjsny/tufte-viz
Edward Tufte data visualization principles for AI coding agents. Data-ink ratio, chartjunk, small multiples, sparklines, and more.
https://github.com/pjsny/tufte-viz
accessibility agent-skills chartjs claude-code d3js data-ink-ratio data-visualization dataviz dataviz-with-chatgpt echarts matplotlib plotly recharts seaborn small-multiples sparklines tufte
Last synced: 9 days ago
JSON representation
Edward Tufte data visualization principles for AI coding agents. Data-ink ratio, chartjunk, small multiples, sparklines, and more.
- Host: GitHub
- URL: https://github.com/pjsny/tufte-viz
- Owner: pjsny
- License: mit
- Created: 2026-05-23T20:02:18.000Z (28 days ago)
- Default Branch: main
- Last Pushed: 2026-05-23T20:16:59.000Z (28 days ago)
- Last Synced: 2026-05-23T22:13:30.488Z (28 days ago)
- Topics: accessibility, agent-skills, chartjs, claude-code, d3js, data-ink-ratio, data-visualization, dataviz, dataviz-with-chatgpt, echarts, matplotlib, plotly, recharts, seaborn, small-multiples, sparklines, tufte
- Homepage:
- Size: 23.4 KB
- Stars: 2
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# tufte-viz
[](https://skills.sh/pjsny/tufte-viz)
Data visualization skill for AI coding agents based on Edward Tufte's principles from *The Visual Display of Quantitative Information*, *Envisioning Information*, *Visual Explanations*, and *Beautiful Evidence*.
## Install
```bash
npx skills add pjsny/tufte-viz
```
## What it does
Gives your AI agent deep knowledge of Tufte's data visualization principles so it can:
- **Design** new visualizations with maximum data-ink ratio and zero chartjunk
- **Critique** existing charts, dashboards, and reports for graphical integrity
- **Write code** with library-specific Tufte configs for Recharts, Chart.js, matplotlib, Plotly, ECharts, and D3/SVG
- **Detect anti-patterns** like pie charts, dual y-axes, legends, rainbow palettes, and heavy gridlines
- **Apply** the Lie Factor, small multiples, sparklines, layering, and micro/macro design
## What's included
### Theory (why)
| Source | Topics |
|--------|--------|
| *Visual Display of Quantitative Information* | Data-ink ratio, chartjunk, graphical integrity, lie factor, small multiples, data density |
| *Envisioning Information* | Layering & separation, micro/macro design, escaping flatland, 1+1=3 effect |
| *Visual Explanations* | Cause & effect, confections, parallelism, narrative graphics |
| *Beautiful Evidence* | Six principles of analytical design, sparklines, range-frames, dot-dash plots |
### Practice (how)
| File | What it covers |
|------|---------------|
| Implementation guide | 22 universal rules, color/typography reference, chart type guidance, validation checklist |
| Anti-patterns | Detection table with per-library fix patterns |
| Recharts rules | React component configs, custom tooltip, small multiples layout |
| Chart.js rules | Defaults registration, datalabels plugin, dark mode |
| matplotlib rules | Spine removal, rcParams, seaborn override |
| Plotly rules | Layout template, Plotly Express shorthand |
| ECharts rules | Theme registration, endLabel direct labeling |
| D3/SVG rules | CSS defaults, inline sparkline generator, accessibility |
## License
MIT