図表・ダイアグラム・アニメーション可視化ツール：2026年のおすすめ

ManimGLは、3Blue1Brownの解説数学動画に使われている、コードで精密にアニメーションを作成するオリジナルエンジンです。

コードベースやLLM Wikiを探索・検索できるナレッジグラフに変換する、Claude Codeプラグインとマルチプラットフォーム対応スキル群。

アイデアや計画、コードベースをインタラクティブなHTML図に変換するエージェントスキル。

45種類の図とブランドカラーに対応した、単体HTMLで編集的な図を作成するエージェントスキル。

技術的なアイデアを説明する、実在の機械やシステムのインタラクティブなアイソメトリックSVG図解を作るClaudeエージェントスキル。

Webアプリ向けの、ドラッグ操作とスナップに対応したフローチャートエディターを作る軽量なVanilla JavaScriptライブラリ。

ロボティクスやセンサーのマルチモーダル時系列データを記録・可視化・クエリ・ストリーミングする、オープンソースのRustツールキット。

JSコードをSVGフローチャートに変換する、抽象化レベルやブロック修飾子、テーマに対応したライブラリとCLI。

テキスト構文からSVGのインフォグラフィックを生成・描画する、AI生成とストリーミング出力向けの宣言型エンジン。

C4風の記法で、コードベースのソフトウェアアーキテクチャ図を生成するモデリング言語とツールチェーン。

ネットワーク上のホスト、サービス、接続を定期的にスキャンしてマッピングし、4つのビューを最新に保つセルフホスト型スキャナー。

Gitのコミットを、シンタックスハイライトとファイルツリーの変化を交えたタイピングアニメーションで再生するターミナルツール。

自然言語の説明からExcalidraw図を生成する、Claude Codeなど向けのコーディングエージェント用スキル。

AIエージェントの難しい質問への回答を、図や表、レイアウト付きのオフラインHTMLページにするエージェントスキル。

コーディングエージェントが自己完結型のHTMLワイヤーフレームやプロトタイプ、計画、図を作成するためのAgent Skills。

LLMで主語・述語・目的語のトリプルを抽出し、非構造化テキストをインタラクティブなナレッジグラフに変換します。

家具の配置や壁の編集、2Dでの採寸ができ、Three.jsの3Dシーンで間取りを確認できるフロントエンド専用ツール。

実行時依存なしでMermaidの図表テキストをSVGに変換する、小型の同期レンダラー。

Web Audio APIを使い、Milkdropのプリセットをブラウザで描画するWebGL製ビジュアライザー。

実際の軌道力学に基づくブラウザー向け3D衛星トラッカー。学生や教育関係者、宇宙運用チームを対象としています。

アイデアをレシピやキット、フレームキャプチャを使ってThree.jsやBlenderのシーンにする、AIコーディングエージェント向けスキル。

Claude CodeやCodexの各プロジェクトを部屋、各エージェントを活動状況がわかるドット絵キャラクターで表示するバーチャルオフィス。

短いJSON仕様から、アニメーション付きで操作でき、SVG・PNG・GIF・MP4に書き出せる図を生成するClaude向けコーディングエージェント用スキル。

コーディングエージェントに、統一されたスタイルで手配置のSVG図を描かせるスキルと依存関係ゼロのリンター。

AIコーディングエージェントが図やプレビューを表示し、画面上で注釈や承認を行えるElectronメニューバーアプリ。

重力が軌道を形作る仕組みを、ガイドツアーと実際の天文データで学べるTypeScript・Three.js製の太陽系シミュレーター。