FIND A LAYOUT
何を伝えたいですか？
図の名前を知っている必要はありません。まず伝えたいことを選び、手元の言葉で絞り込めます。
DOCUMENT THEME
成果物の配色
サイト全体ではなく、プレビューとAIが生成するHTMLに適用します。
URL・AI指示・rendererで同じID
CATALOG
レイアウト一覧
13型を表示
型番 matrix-2x2
2x2 マトリクス（優先度マップ）
項目を2軸のスコアで座標平面に自動配置し、優先順位やポジショニングをデータ駆動で示す。補足は図の下で明示的に展開し、マップ⇄リストを切り替えられる
matrix · positioning · prioritization · quadrant · data-driven · interactive
型番 comparison-table
比較表（製品・ベンダー選定）
製品・ベンダーを評価軸ごとに比較する表。○の数が最も多い列をデータから自動判定し、見出し・各評価の加点／非加点／参考・集計を一続きの推奨spineで示す。390pxでは評価軸ごとの全候補ledgerへ転置し、補足は表の下で明示的に展開できる
table · comparison · vendor-selection · data-driven · interactive
型番 kpi-cards
KPIカード（実績サマリ）
代表KPIの現在値・前期比・目標達成・推移を一つの主分析面で示し、残りを比較ledgerへ整理する。実データ系列から SVG スパークラインを自動生成し、目標を破線で重ねて達成/未達を自動判定する。解約率のような「下がるほど良い」指標も betterWhen で正しく着色される
kpi · metrics · dashboard · sparkline · data-driven · interactive
型番 timeline
タイムライン（ロードマップ）
イベントを日付の実経過時間に比例して横軸に自動配置し、計画の密度や山場をデータ駆動で示す。補足は図の下で明示的に展開し、年表⇄リストを切り替えられる
timeline · roadmap · sequence · data-driven · interactive
型番 process-flow
プロセスフロー（業務手順）
業務・システム導入の手順を一本の連続process laneとして描き、各工程の区間長を所要日数からデータ駆動で計算する。hand-off境界には開始からの累計日数を置き、hover・focusでは同じ工程の区間とレコードだけを穏やかに強調する。最も時間のかかる工程をlane上で自動強調し、補足は図の下で展開する
process · workflow · sequence · data-driven · interactive · semantic-geometry · linked-emphasis
型番 critical-path-gantt
クリティカルパス・ガント（並行計画）
タスクを実日付の期間として配置し、期間バー終端から依存先の開始点へ細い依存線を結ぶ。最長経路は全体計画上の連続線と期間比例laneで示し、390pxでは同じ依存graphを縦向きledgerへ転置する
gantt · planning · dependency · critical-path · data-driven · interactive
型番 waterfall
ウォーターフォールチャート（増減ブリッジ）
起点から終点までの増減要因を累計配置の棒（ブリッジ）で示す。PowerPointのネイティブ滝グラフが自動化する「累計配置」だけでは差別化にならないため、同じデータを寄与度順（|増減|降順）の横棒ランキングに切り替えられる点が核。数値は常時表示し、補足は図の下で展開する
waterfall · bridge · breakdown · contribution · data-driven · interactive
型番 conversion-funnel
コンバージョンファネル（段階離脱分析）
同一母集団が段階的に絞られる様子を件数比例の連続漏斗として描く。件名は各断面の上、件数値と主要指標は断面線上へ置いて水平ガイドで結び、hover・focusでは同じ断面レコードだけを穏やかに強調する。最大離脱後の断面を1件常設強調し、同じ漏斗上で到達情報から離脱数・離脱率・順位へ切り替えられる
funnel · conversion · drop-off · pipeline · data-driven · interactive · progressive-filtering · semantic-geometry · svg
型番 heatmap
ヒートマップ（業務課題診断）
業務領域と評価軸の交点をスコアの濃淡で示し、最高スコアを行・列の座標照準として1件強調する。同じcell identityと座標locatorを保ったまま全体分布から重点課題上位5件へ切り替えられ、補足は図を覆わず下で確認できる
heatmap · assessment · risk · prioritization · data-driven · interactive
型番 raci-matrix
RACIマトリクス（責任分担・統制診断）
活動と役割の交点へR/A/C/Iを配置し、最終責任者Aの不在・重複と実行責任者Rの不在をデータから自動検出する。責任分担表、統制課題ledger、mobile activity ledgerが同じ活動・役割順・記号を共有し、診断を元の根拠へ戻して読める
raci · governance · responsibility · operating-model · data-driven · interactive
型番 logic-tree
ロジックツリー（課題・KPIドライバー分解）
親IDで結んだ可変階層をD3のtidy treeで幹・枝・葉へ配置し、葉の寄与値を親へ自動集計して細い枝の線幅へ反映する。同じnode identityを構造から葉ドライバーの寄与度へ切り替え、構造では曲線・直線・直角の枝を閲覧者が選び、最大寄与の祖先経路を1件強調する
logic-tree · driver-tree · decomposition · hierarchy · data-driven · interactive
型番 sankey-flow
Sankeyフローマップ（多対多の流量）
複数の起点から複数の終点へ流れる量を、合計量比例の端点railと積層曲線として自動描画する。流路を辿ると対応する起点・終点・合計値が連動し、同じデータを流量図から流路ランキングへ切り替えられる
sankey · flow · allocation · routing · data-driven · interactive
型番 pyramid
ピラミッド（戦略階層）
ビジョン・施策・実行タスクを、重み比率から導出した3層の地層断面として示す。ピラミッド帯と階層レコードは同じ上下境界を共有し、hover・focusで対応する1層だけを追える
pyramid · hierarchy · strategy · data-driven · interactive
この条件に合う型はありません。
検索語を短くするか、目的を「すべて」に戻してください。