tufte icon

tufte

tufte 将 CSV 风格数据转换为适用于 Markdown、终端和其他文本优先工作流的纯文本 ASCII 图表。支持围栏式 `chart` 块、内联 sparkline,以及多种发布流程集成路径。

tufte

概述

tufte 是一款面向开发者的 ASCII 图表工具,适用于 Markdown 和终端工作流。它通过一种类 Mermaid 的 `chart` 代码块将 CSV 风格数据转换为 Tufte 风格的文本图表,并提供用于紧凑趋势展示的内联 `sparkline` span。

该网站将输出定位为可随内容一起传播的纯文本,因此图表可以出现在 README、终端输出、差异对比和 LLM 上下文中。首页还展示了实时演示、简短语法规范,以及一组可在不同发布流程中渲染图表的包。

首页展示的支持图表形式包括条形图、柱状图、sparkline、折线图、表格、直方图、进度条和散点图。网站还列出了一个用于笔记工作流的 Obsidian 插件,以及一个可直接在浏览器或 Deno 中导入的零依赖核心包。

特性

极简块语法

通过一个围栏式 `chart` 块创建图表,其中可以包含图表类型、可选标题以及 CSV 风格数据。主页说明这种格式刻意保持简洁,便于嵌入 Markdown。

多种图表类型

支持多种图表形式,包括水平和垂直柱状图、sparkline、折线图、表格、直方图、进度条和散点图。网站将其描述为一套语法中的八种图表类型。

实时编辑预览

在浏览器演示中编辑数据时即可实时查看图表更新,这有助于在复制输出到其他地方之前修改标签和值。

纯文本输出

将输出渲染为纯文本,使同一张图表可以出现在 README、终端、差异对比以及 LLM 回复中,而无需依赖图片渲染。

内联 sparkline

当只需要在句子中显示一个紧凑趋势时,可以将图表作为内联 `sparkline: …` span 使用。主页展示的是嵌入式文本效果,而不只是独立块。

多种部署选项

可选择多种实现路径:核心渲染器、用于预渲染 Markdown 的 CLI、`markdown-it` 和 `remark` 插件,以及一个可用于浏览器或 Deno 的零依赖 ESM 导入。

使用场景

  • 项目文档

    直接在 README 或文档页面中编写图表,使可视化在纯文本中依然清晰可读,并且不依赖图片渲染支持。

  • 静态站点发布

    在 Markdown 构建过程中预渲染 `chart` 块,适用于 VitePress、Eleventy、MDX、Next.js、Astro 或 Docusaurus 等工具。

  • 终端与差异报告

    在终端输出、差异对比或命令行报告中展示简洁的视觉摘要,因为这些场景下图片往往不方便或不可用。

  • Obsidian 个人笔记

    使用社区插件在 Obsidian 笔记中保留图表,让笔记内容和图表语法保持在同一个文本文件里。

  • 内联状态更新

    当完整图表会打断句子流畅性时,将紧凑的 sparkline 内联嵌入到正文中。

Pros and Cons

Pros

  • 生成的纯文本图表可自然融入 Markdown、终端和基于差异的工作流。
  • 提供多种交付方式,包括 CLI、Markdown 插件和直接 ESM 导入。
  • 在一个简洁语法中支持多种图表类型。
  • 支持用于句子级趋势展示的内联 sparkline。
  • 当规范损坏时会回退为普通代码块,从而降低页面被破坏的风险。

Cons

  • 网站链接的公开定价页面返回 404,因此无法从所提供来源获得价格和套餐详情。
  • 首页能清楚说明功能,但如果没有完整规范和包文档,深入实现细节仍然有限。

FAQ

tufte 的输出适用于哪里?

它会将围栏式 `chart` 块渲染为纯文本图表,因此输出可用于 Markdown 文件、终端输出、差异对比和 LLM 上下文中。

如何使用 tufte 绘制图表?

主页展示的是一种类 Mermaid 的 `chart` 围栏块,可包含可选的类型和标题,后面跟随 CSV 风格的数据行。它也支持用于简短趋势展示的内联 `sparkline: …` span。

有哪些可用的集成方式?

网站展示了适用于 `markdown-it` 和 `remark` 的特定包插件,以及一个可直接在浏览器或 Deno 中导入的零依赖核心包。

tufte 可以用于笔记应用吗?

页面列出了一个用于在笔记中渲染 `chart` 块的 Obsidian 插件,格式和其他集成方式的回退行为相同。

网站上有价格信息吗?

网站链接的定价页面返回 404,因此这里的公开来源无法确认任何套餐详情。

Quick Facts

类别
开发者工具
主要输出
ASCII / 纯文本图表
核心格式
围栏式 `chart` 块和内联 `sparkline` span
集成方式
CLI、`markdown-it`、`remark`、Obsidian、浏览器/Deno ESM
来源域名
tufte.ai
价格
未确认;价格 URL 返回 404