Obsidian Canvas クリエーター

マインドマップの放射状レイアウトと柔軟な自由配置をサポートし、テキストコンテンツを構造化された Obsidian Canvas ファイルに変換。

主な利点

• テキストからインタラクティブな Obsidian Canvas ファイルを作成
• 2 つのレイアウトタイプ：マインドマップ（放射状階層）と自由配置（カスタム配置）
• コンテンツ長に基づく自動ノードサイズ調整
• 6 つのプリセット色を持つプロフェッショナルな配色
• 中国語テキスト用の適切な JSON フォーマットと引用符エスケープ
• 座標重複を防ぐ内蔵検証

主な機能

• レイアウトタイプ：マインドマップ（中心から放射状、階層的）と自由配置（柔軟、カスタム配置）
• ノード管理：一意の 8-12 文字の 16 進数 ID、自動サイズ調整（220×100 から 320×180）、色分け
• エッジスタイル：実線/破線の矢印、ラベル付き接続、直線/曲線
• グループ化：ラベルと背景色を持つビジュアルコンテナ
• 検証：座標重複防止、ID 一意性、適切な参照

使用するタイミング

• テキストからキャンバス、マインドマップ、ビジュアル図を作成
• 情報を空間的に整理
• ユーザーが「Obsidian Canvas」または類似ツールに言及
• 構造化されたコンテンツ（記事、ノート、アウトライン）をビジュアル形式に変換

レイアウトアルゴリズム

マインドマップレイアウト：

• ルートを（0, 0）に中央配置
• 主要ノードを放射状に配置
• 兄弟ノード数に基づいて第 2 レベルノードを配置
• 最小間隔：水平 320px、垂直 200px

自由レイアウト：

• 論理的なグループ化から開始
• 明確な分離でグループを配置
• 曲線エッジでグループ間を接続
• キャンバス全体でビジュアル重量をバランス

ノードサイズガイドライン

• 短いテキスト（<30 文字）：220 × 100 px
• 中程度のテキスト（30-60 文字）：260 × 120 px
• 長いテキスト（60-100 文字）：320 × 140 px
• 非常に長いテキスト（>100 文字）：320 × 180 px

配色

プリセット色：

• "1" - 赤（警告、重要）
• "2" - オレンジ（アクション項目）
• "3" - 黄（質問、ノート）
• "4" - 緑（ポジティブ、完了）
• "5" - シアン（情報、詳細）
• "6" - 紫（概念、抽象）

カスタム 16 進数：大文字フォーマット "#4A90E2" を使用

重要なルール

• 引用符処理：中国語 " → 『』、' → 「」、英語 " → "
• ID 生成：8-12 文字のランダム 16 進数、ノード/エッジ間で一意
• Z インデックス順：グループが最初（最下層）、次にサブグループ、最後にテキストノード（最上層）
• 間隔：中心間で最小水平 320px、垂直 200px
• JSON 構造：トップレベルには nodes と edges 配列のみ

ワークフロー

1. コンテンツ構造と関係を分析
2. レイアウトタイプを決定（マインドマップまたは自由配置）
3. ノード階層とグループ化を計画
4. 正しい ID と配置を持つ JSON を生成
5. 間隔ルールを持つレイアウトアルゴリズムを適用
6. 検証して完全な JSON Canvas ファイルを出力

ソース：https://github.com/axtonliu/axton-obsidian-visual-skills/tree/main/obsidian-canvas-creator ライセンス：詳細はリポジトリを確認