最小限のブロック構文
区切られた `chart` ブロックからチャートを作成できます。そこには chart type、任意の title、CSV 形式のデータを含められます。ホームページでは、この形式は意図的に小さく、Markdown に埋め込みやすいと説明されています。
概要
tufte は、Markdown とターミナルのワークフロー向けに作られた開発者向け ASCII チャートツールです。Mermaid 風の `chart` コードブロックと、簡潔なトレンド表示用のインライン `sparkline` span を使って、CSV 形式のデータを Tufte 風のテキストチャートに変換します。
このサイトでは、出力はコンテンツ自体と一緒に持ち運べるプレーンテキストとして位置づけられており、チャートは README、ターミナル出力、差分、LLM コンテキストで表示できます。ホームページには、ライブデモ、簡潔な構文仕様、そしてさまざまな公開パイプラインでチャートを描画するためのパッケージ群も掲載されています。
ホームページで示されている対応チャート形式には、棒、縦棒、sparklines、折れ線、表、ヒストグラム、進捗バー、散布図が含まれます。Obsidian 用のプラグインもノート用途として掲載されており、ゼロ依存のコアパッケージはブラウザや Deno から直接 import できます。
機能
複数のチャートタイプ
横棒、縦棒、sparklines、折れ線、表、ヒストグラム、進捗バー、散布図を含む複数のチャート形式をサポートします。サイトでは、これらを 1 つの文法で扱う 8 種類のチャートとして説明しています。
ライブ編集プレビュー
ブラウザデモでデータを編集するとチャートがライブ更新されるため、他へコピーする前にラベルや値を修正しやすくなります。
プレーンテキスト出力
出力をプレーンテキストとしてレンダリングするため、画像レンダリングに頼らず、同じチャートを README、ターミナル、差分、LLM の応答に表示できます。
インライン sparklines
文中にコンパクトなトレンドだけが必要な場合は、インラインの `sparkline: …` スパンとして使えます。ホームページでは、単独ブロックだけでなく埋め込みテキストとして機能することが示されています。
複数の導入オプション
実装経路として、コアレンダラー、Markdown の事前レンダリング用 CLI、`markdown-it` と `remark` のプラグイン、ブラウザや Deno で使えるゼロ依存 ESM import から選べます。
ユースケース
プロジェクトドキュメント
README やドキュメントページに直接チャートを書き込んで、画像レンダリングのサポートに依存せずに見た目をプレーンテキストのまま読みやすく保ちます。
静的サイト公開
VitePress、Eleventy、MDX、Next.js、Astro、Docusaurus などのツール向けに、Markdown ビルド時に `chart` ブロックを事前レンダリングします。
ターミナルと差分のレポート
画像の扱いが面倒、または使えないターミナル出力、差分、コマンドラインレポートに、簡潔な視覚サマリーを表示します。
Obsidian での個人メモ
コミュニティプラグインを使って Obsidian ノート内にチャートを保持し、ノート本文とチャート構文を同じテキストファイルにまとめます。
インラインのステータス更新
全文チャートだと文の流れを妨げる場合に、コンパクトな sparklines を文章中に埋め込みます。
Pros and Cons
Pros
- Markdown、ターミナル、差分ベースのワークフローに自然に馴染むプレーンテキストのチャートを出力します。
- CLI、Markdown プラグイン、直接の ESM import など、複数の提供方法があります。
- 1 つの簡潔な文法で複数のチャートタイプをサポートします。
- 文中のトレンド表示向けにインライン sparklines を備えています。
- 仕様が壊れている場合に通常のコードブロックへ安全にフォールバックするため、ページが壊れるリスクを減らせます。
Cons
- サイトからリンクされている公開価格ページは 404 を返すため、価格やプランの詳細は提供された情報からは確認できません。
- ホームページから機能は把握できますが、完全な仕様やパッケージ文書がないため、実装の詳細は限定的です。
FAQ
tufte の出力はどこで使えますか？
`chart` ブロックをプレーンテキストのチャートにレンダリングするため、Markdown ファイル、ターミナル出力、差分、LLM コンテキストで利用できます。
tufte でチャートはどのように書きますか？
ホームページでは、任意の type と title を含められる Mermaid 風の `chart` フェンスの後に、CSV 形式のデータ行を続ける書き方が示されています。短いトレンド表示向けに、インラインの `sparkline: …` スパンもサポートしています。
どのような統合方法がありますか？
`markdown-it` と `remark` 向けのパッケージ固有プラグインに加えて、ブラウザや Deno に直接 import できるゼロ依存のコアパッケージが用意されています。
tufte はノートアプリで使えますか？
ノート内で `chart` ブロックをレンダリングするための Obsidian プラグインが掲載されており、他の統合方法と同じ形式とフォールバック動作を使えます。
サイトで価格情報は確認できますか？
サイトにリンクされている pricing ページは 404 を返すため、ここで参照できる公開情報ではプラン詳細は確認できません。
Quick Facts
- カテゴリー
- 開発者向けツール
- 主な出力
- ASCII / プレーンテキストのチャート
- 主要形式
- 区切られた `chart` ブロックとインライン `sparkline` span
- 統合先
- CLI、`markdown-it`、`remark`、Obsidian、ブラウザ/Deno ESM
- ソースドメイン
- tufte.ai
- 価格
- 未確認; 価格 URL は 404
tufteの代替品
ByteAsk
ByteAskは、C/C++向けのターミナル起点AIコーディングエージェント。リポジトリを編集し、コンパイラやデバッガ、サニタイザ、テストで変更を検証してから差分を表示。無料枠あり。
CreateOS Sandbox
CreateOS Sandboxは、FirecrackerマイクロVM上でコードやエージェントのワークロードを実行できる分離型コンピュート環境です。SDK、CLI、MCPで制御可能。
hob
hobは、エージェントのセッション、ターミナル、履歴、後続作業を、既存のツールやプロバイダーに合わせて整理できる独立したコーディングエージェント向けワークスペース。ローカルでの制御を重視する開発者に最適。
Ably Chat
Ably Chatは、カスタムのリアルタイムチャットアプリを構築できるチャットAPIプラットフォームです。ルーム単位のメッセージ、入力中表示、プレゼンス、リアクション、メッセージ更新に対応し、利用量ベースの料金も選べます。
Manta AI
Manta AIは、URLからアプリの挙動を把握し、回帰を検出し、スクリプトやセレクタ管理なしでテストを生成できる自律型Webアプリテストツールです。
SonOf
SonOfは、リポジトリとPMツールに接続し、コードベースと周辺の製品コンテキストを監査して、承認済みの作業をシニアエンジニアのレビュー付きで公開済みチケットに変えます。