SuperAPI AI 工具集

tufte-data-visualization

数据与分析

查看项目

更新于 10-16 10:36

技能介绍

Tufte Data Visualization 是一个 Claude Code 技能,用于把图表请求转化为符合 Edward R. Tufte 数据可视化原则的图表与可视化。这些原则提炼自 Tufte 的三本奠基性著作:《The Visual Display of Quantitative Information》《Envisioning Information》和《Visual Explanations》。

用途

该技能在用户请求创建、制作、设计或可视化图表,请求仪表盘或 KPI 卡片,批评或改进已有可视化,或直接调用 /tufte 时自动激活,无需额外配置。

核心原则

技能应用来自 Tufte 著作的十项原则:1)展示数据——每个决定都问「这是否有助于看见数据?」;2)最大化数据墨水比——随数据变化而变化的墨水才是数据墨水;3)擦除非数据墨水——移除边框、网格线、次要刻度;4)擦除冗余数据墨水——每个量只用一种编码;5)图形完整性——谎言因子 0.95-1.05,条形从零开始;6)小倍数——共享刻度上的 N 张图胜于一张含 N 条线的图;7)分层与分离——数据在上,标签其次,脚手架最淡;8)微/宏观可读性——远看近看都可读;9)最小有效差异——细微区分,灰色加一个强调色;10)词与数据整合——句中嵌入迷你图,数字靠近视觉元素。

主要能力

图表选择依据数据结构与目标进行(1 个随时间变化的值→迷你图;5-20 个类别→排序点图;20+ 类别→带内联迷你图的表格;两个时间段→斜率图;部分与整体→带百分比条的排序表;多时间序列→小倍数;分布→条带图或分位数点图;漏斗/步骤→水平条;地理→单色渐变 choropleth;队列/网格→带值加顺序色的表格)。技能会自动移除以下元素:3D 效果、阴影、渐变;饼图;双轴图;彩虹色阶;图表外框;浓重网格线;冗余图例;重复轴标签的图表标题;仪表盘中的装饰性图标;1D 量的面积编码。

使用方式

安装:

git clone https://github.com/aref-vc/tufte-claude-skill.git ~/.claude/skills/tufte

技能会在 Claude Code 下次启动时自动加载。可用 /tufte 或让 Claude「make a chart」验证。更新:

cd ~/.claude/skills/tufte && git pull

卸载:

rm -rf ~/.claude/skills/tufte

输出栈可选:自包含 HTML/SVG(默认)、React 配合 Recharts、或 React 中的 D3(用于自定义布局)。可覆盖默认值,例如要求非 Tufte 元素(如饼图)。也可对其批评已有图表:粘贴图表代码或描述可视化,Claude 会识别违规并产出改写版本。

适用场景

适用于数据可视化、图表生成、仪表盘与 KPI 卡片制作、已有可视化的批评与改进等场景。

限制

本资料未提供关于收费、价格、平台或效果的具体信息,暂未提供。技能参考文件包括 principles.md、chart-selection.md、kill-list.md、checklist.md、presets/html-svg.md、presets/react.md、cheatsheet.html/pdf 等。许可证为 MIT,源代码位于 https://github.com/aref-vc/tufte-claude-skill。