tufte icon

tufte

tufte 將 CSV 格式資料轉成適合 Markdown、終端機與其他以文字為主流程使用的純文字 ASCII 圖表。支援 fenced `chart` 區塊、內嵌 sparklines 與多種發布整合方式。

tufte

概覽

tufte 是一款面向開發者的 ASCII 圖表工具,適用於 Markdown 與終端機工作流程。它會使用類似 Mermaid 的 `chart` 程式碼區塊,將 CSV 風格資料轉成 Tufte 風格的文字圖表,並支援用於精簡趨勢顯示的內嵌 `sparkline` 區段。

這個網站將輸出定位為可隨內容一起傳遞的純文字,因此圖表可在 README、終端機輸出、差異比對與 LLM 脈絡中呈現。首頁也展示了即時示範、簡短語法規格,以及可在不同發布流程中渲染圖表的一組套件。

首頁顯示的支援圖表形式包括長條圖、直條圖、sparklines、折線圖、表格、直方圖、進度條與散點圖。網站也列出了一個供筆記工作流程使用的 Obsidian 外掛,以及一個可直接在瀏覽器或 Deno 中匯入的零依賴核心套件。

功能

精簡的區塊語法

使用 fenced `chart` 區塊建立圖表,區塊可包含圖表類型、可選標題與 CSV 風格資料。首頁說明這種格式刻意設計得精簡,便於嵌入 Markdown。

多種圖表類型

支援多種圖表形式,包括水平與垂直長條圖、sparklines、折線圖、表格、直方圖、進度條與散點圖。網站將其描述為單一語法中的八種圖表類型。

即時編輯預覽

在瀏覽器示範中編輯資料時即可即時看到圖表更新,讓你在複製輸出到其他地方之前更容易修正標籤與數值。

純文字輸出

將輸出呈現為純文字,因此同一張圖表可以出現在 README、終端機、差異比對,以及 LLM 回應中,而不必依賴圖片渲染。

內嵌 sparklines

當你只需要在句子中放入簡短趨勢時,可將圖表作為內嵌的 `sparkline: …` 區段使用。首頁顯示這是以嵌入文字的方式運作,不只限於獨立區塊。

多種部署選項

可從多種實作路徑中選擇:核心渲染器、用於預先渲染 Markdown 的 CLI、`markdown-it` 與 `remark` 外掛,以及可供瀏覽器或 Deno 使用的零依賴 ESM 匯入。

使用情境

  • 專案文件

    直接在 README 或說明文件頁面中寫入圖表,讓視覺效果在純文字中依然清楚可讀,且不依賴圖片渲染支援。

  • 靜態網站發布

    在 Markdown 建置過程中預先渲染 `chart` 區塊,適用於 VitePress、Eleventy、MDX、Next.js、Astro 或 Docusaurus 等工具。

  • 終端機與差異報告

    在終端機輸出、差異比對或命令列報告中顯示簡短的視覺摘要,當圖片不方便或不可用時特別適合。

  • Obsidian 個人筆記

    使用社群外掛將圖表保留在 Obsidian 筆記中,讓筆記內容與圖表語法維持在同一個文字檔裡。

  • 內嵌狀態更新

    當完整圖表會打斷句子流暢度時,可在段落中內嵌精簡的 sparklines。

Pros and Cons

Pros

  • 產生的純文字圖表可自然融入 Markdown、終端機與以差異比對為主的工作流程。
  • 提供多種交付方式,包括 CLI、Markdown 外掛,以及直接的 ESM 匯入。
  • 以一套精簡語法支援多種圖表類型。
  • 提供可在句子層級呈現趨勢的內嵌 sparklines。
  • 當規格損壞時會回退為一般程式碼區塊,降低頁面被破壞的風險。

Cons

  • 網站連結的公開定價頁面回傳 404,因此無法從提供的來源取得價格與方案細節。
  • 首頁可以看出功能集,但若沒有完整規格與套件文件,較深入的實作細節仍有限。

FAQ

tufte 的輸出可用在哪裡?

它會將 fenced `chart` 區塊渲染成純文字圖表,因此輸出可用於 Markdown 檔案、終端機輸出、差異比對與 LLM 脈絡中。

要如何用 tufte 寫圖表?

首頁顯示的是一個 Mermaid 風格的 `chart` 區塊,包含可選的類型與標題,後面接著 CSV 風格的資料列。它也支援用於簡短趨勢顯示的內嵌 `sparkline: …` 區段。

有哪些整合方式?

網站展示了 `markdown-it` 與 `remark` 的套件專用外掛,以及可直接在瀏覽器或 Deno 匯入的零依賴核心套件。

tufte 可以用在筆記應用程式嗎?

網站列出了一個 Obsidian 外掛,可在筆記中渲染 `chart` 區塊,並保有與其他整合相同的格式與回退行為。

網站上有提供價格資訊嗎?

網站連結的定價頁面回傳 404,因此這裡的公開來源無法確認任何方案細節。

Quick Facts

類別
Developer Tool
主要輸出
ASCII / 純文字圖表
核心格式
fenced `chart` 區塊與內嵌 `sparkline` 區段
整合方式
CLI、`markdown-it`、`remark`、Obsidian、瀏覽器/Deno ESM
來源網域
tufte.ai
價格
未確認;定價 URL 回傳 404