Tufte logo

Tufte.

データを美しい文字グラフで即座に可視化

CSVデータをTufteスタイルのASCIIグラフに変換。Mermaid風の記法でバー、折れ線、散布図をREADMEやターミナル、LLMで表示。軽量で依存ゼロのNodeパッケージ。

週間ランキング
▲ #35
投票数
89
対応プラットフォーム
Web / Mobile
リリース日
Recently
Tufte screenshot

Tufteについてもっと知る

Tufte

Tufteは、テキストが表示されるあらゆる場所で動作するASCIIチャート生成ツールです。Markdownドキュメントやターミナル、Gitの差分表示、LLMの応答など、プレーンテキストが使われる環境で美しいデータビジュアライゼーションを実現します。依存関係ゼロのJavaScriptライブラリとして、サーバーやAPIキー不要で即座に導入できます。

製品の特徴

  • シンプルな記法: バッククォートで囲んだchartブロックに、チャートタイプ・オプションのタイトル・CSVデータを記述するだけで、自動的にASCIIアートチャートが生成されます
  • インライン対応のSparkline: 単一行のトレンドグラフを文章の中に直接埋め込み可能。sparkline: 12 24 36 30 18と記述すると、▁▅█▆▃のような視覚的な表現に変換されます
  • ゼロ依存の軽量設計: コアライブラリは依存関係なしのESMモジュール。npmインストール不要でCDNから直接インポートでき、ブラウザやDeno環境でも即座に利用できます
  • 多彩なチャートタイプ: 水平棒グラフ、垂直棒グラフ、折れ線グラフ、散布図、ヒストグラム、テーブル、進捗バーなど8種類のチャート形式をサポート
  • ビルド時レンダリング: remark/unifiedプラグインやmarkdown-itプラグインとして統合可能。ビルド時に<pre class="tufte-chart">に変換され、タイポがあっても通常のコードブロックとしてフォールバックする安全設計です

活用シーン

  • 技術文書・README: GitHubやGitLabのREADME、VitePress・Docusaurus・Astroなどのドキュメントサイトで、セットアップ不要でデータビジュアライゼーションを追加できます
  • CLIツールの出力: ターミナル上で動作するアプリケーションに組み込み、ユーザーに直感的なデータ表示を提供します
  • LLMとの対話: ChatGPTやClaudeなどの大規模言語モデルの応答にチャートを含め、テキストベースの環境でも構造化された情報を伝達できます
  • CI/CDパイプライン: Gitの差分表示やログ出力に組み込み、パフォーマンス指標やテスト結果を視覚的に確認できます

対象ユーザー

開発者、テックライター、データアナリスト、およびプレーンテキスト環境で効果的なデータコミュニケーションを求める技術者向けです。特に、Markdown中心のワークフローを採用しているチームや、軽量で依存関係の少ないツールを好むエンジニアに最適です。