svg-diagram 図のギャラリー

業務・システム

JSON（ツールに渡される図の定義）

{
  "version": 1,
  "title": "営業活動の PDCA",
  "parts": [
    {
      "type": "cycle",
      "centre": "毎月まわす",
      "steps": [
        {
          "label": "Plan",
          "sub": "目標と施策"
        },
        {
          "label": "Do",
          "sub": "訪問・提案"
        },
        {
          "label": "Check",
          "sub": "受注率を確認"
        },
        {
          "label": "Act",
          "sub": "提案を見直す"
        }
      ]
    }
  ]
}

{
  "version": 1,
  "title": "問い合わせチケットの状態",
  "parts": [
    {
      "type": "stateDiagram",
      "dir": "down",
      "initial": "new",
      "states": [
        {
          "id": "new",
          "label": "受付"
        },
        {
          "id": "doing",
          "label": "対応中",
          "tone": "accent"
        },
        {
          "id": "wait",
          "label": "回答待ち",
          "sub": "お客様の返信"
        },
        {
          "id": "done",
          "label": "完了",
          "final": true
        }
      ],
      "transitions": [
        {
          "from": "new",
          "to": "doing",
          "label": "担当を割り当て"
        },
        {
          "from": "doing",
          "to": "wait",
          "label": "質問を送る"
        },
        {
          "from": "wait",
          "to": "doing",
          "label": "返信あり"
        },
        {
          "from": "doing",
          "to": "done",
          "label": "解決"
        },
        {
          "from": "done",
          "to": "doing",
          "label": "再オープン",
          "line": "dashed"
        }
      ]
    }
  ]
}

システムの構造

クラス図

クラスの属性と操作、継承・実装・集約・コンポジションなどの関係を UML の記法で見せます。親クラスが上に来ます。

プロンプト例

svg-diagram で、EC サイトの注文まわりのクラス図を描いて。顧客・注文・注文明細・商品と、支払い方法のインターフェースを入れて。

JSON（ツールに渡される図の定義）

{
  "version": 1,
  "title": "EC サイトの注文モデル",
  "parts": [
    {
      "type": "classDiagram",
      "classes": [
        {
          "id": "Customer",
          "name": "顧客",
          "attrs": [
            "- id: number",
            "- name: string"
          ]
        },
        {
          "id": "Order",
          "name": "注文",
          "attrs": [
            "- orderedAt: Date",
            "- status: Status"
          ],
          "methods": [
            "+ total(): number"
          ]
        },
        {
          "id": "OrderItem",
          "name": "注文明細",
          "attrs": [
            "- quantity: number"
          ]
        },
        {
          "id": "Product",
          "name": "商品",
          "attrs": [
            "- price: number"
          ]
        },
        {
          "id": "Payment",
          "name": "支払い方法",
          "stereotype": "interface",
          "methods": [
            "+ pay(amount): void"
          ]
        },
        {
          "id": "Card",
          "name": "クレジットカード",
          "methods": [
            "+ pay(amount): void"
          ]
        },
        {
          "id": "Bank",
          "name": "銀行振込",
          "methods": [
            "+ pay(amount): void"
          ]
        }
      ],
      "relations": [
        {
          "from": "Customer",
          "to": "Order",
          "kind": "arrow",
          "fromMult": "1",
          "toMult": "0..*"
        },
        {
          "from": "Order",
          "to": "OrderItem",
          "kind": "compose",
          "toMult": "1..*"
        },
        {
          "from": "OrderItem",
          "to": "Product",
          "kind": "arrow"
        },
        {
          "from": "Order",
          "to": "Payment",
          "kind": "depend"
        },
        {
          "from": "Card",
          "to": "Payment",
          "kind": "implement"
        },
        {
          "from": "Bank",
          "to": "Payment",
          "kind": "implement"
        }
      ]
    }
  ]
}

依存関係図

サービスやモジュールのつながりを、「利用する」「依存する」などの種類ごとに線を描き分けて見せます。種類は凡例に出ます。

プロンプト例

svg-diagram で、EC サイトのマイクロサービスの依存関係を図にして。画面、API ゲートウェイ、注文・在庫・決済サービス、DB、外部の決済代行まで。

JSON（ツールに渡される図の定義）

{
  "version": 1,
  "title": "EC サイトのサービス依存関係",
  "parts": [
    {
      "type": "dependencyNetwork",
      "nodes": [
        {
          "id": "web",
          "label": "Web 画面",
          "kind": "画面"
        },
        {
          "id": "app",
          "label": "スマホアプリ",
          "kind": "画面"
        },
        {
          "id": "gw",
          "label": "API ゲートウェイ",
          "kind": "サービス"
        },
        {
          "id": "order",
          "label": "注文サービス",
          "kind": "サービス"
        },
        {
          "id": "stock",
          "label": "在庫サービス",
          "kind": "サービス"
        },
        {
          "id": "pay",
          "label": "決済サービス",
          "kind": "サービス"
        },
        {
          "id": "db",
          "label": "注文 DB",
          "kind": "データ"
        },
        {
          "id": "psp",
          "label": "決済代行",
          "kind": "外部"
        }
      ],
      "edges": [
        {
          "from": "web",
          "to": "gw",
          "type": "uses"
        },
        {
          "from": "app",
          "to": "gw",
          "type": "uses"
        },
        {
          "from": "gw",
          "to": "order",
          "type": "uses"
        },
        {
          "from": "order",
          "to": "stock",
          "type": "depends"
        },
        {
          "from": "order",
          "to": "pay",
          "type": "depends"
        },
        {
          "from": "order",
          "to": "db",
          "type": "depends"
        },
        {
          "from": "pay",
          "to": "psp",
          "type": "depends"
        }
      ]
    }
  ]
}

計画・進捗

JSON（ツールに渡される図の定義）

{
  "version": 1,
  "title": "現行システムの保守終了までのタイムライン",
  "parts": [
    {
      "type": "timeline",
      "from": "2026-04",
      "to": "2028-03",
      "now": {
        "at": "2026-11",
        "label": "今日"
      },
      "deadline": {
        "at": "2027-09",
        "label": "現行システムの保守終了"
      },
      "marks": [
        {
          "at": "2027-01",
          "label": "移行計画の確定"
        },
        {
          "at": "2027-04",
          "label": "データ移行の開始"
        },
        {
          "at": "2027-07",
          "label": "並行稼働",
          "tone": "accent"
        }
      ]
    }
  ]
}

分担と作業の分解

RACI 表（責任分担）

タスクごとに、実行責任（R）・説明責任（A）・相談（C）・報告（I）を割り当てます。A が 1 人、R が 1 人以上かを検査します。

プロンプト例

svg-diagram で、社内イベントの準備タスクについて、RACI 表を作って。役割は企画、総務、広報、部長で。

JSON（ツールに渡される図の定義）

{
  "version": 1,
  "title": "社内イベント準備の役割分担",
  "parts": [
    {
      "type": "raci",
      "title": "RACI 責任分担表",
      "legend": true,
      "tasks": [
        "企画書の作成",
        "会場の手配",
        "告知",
        "当日の運営",
        "予算の承認"
      ],
      "roles": [
        "企画",
        "総務",
        "広報",
        "部長"
      ],
      "assignments": [
        [
          "A/R",
          "C",
          "C",
          "I"
        ],
        [
          "C",
          "A/R",
          "I",
          "I"
        ],
        [
          "C",
          "I",
          "A/R",
          "I"
        ],
        [
          "A/R",
          "R",
          "C",
          "I"
        ],
        [
          "R",
          "C",
          "I",
          "A"
        ]
      ]
    }
  ]
}

ツリー図（WBS）

全体を上に、その内訳を下に枝分かれさせて見せます。作業分解（WBS）や組織、分類の階層に使えます。

プロンプト例

svg-diagram で、Web サイトリニューアルの作業を WBS のツリー図に分解して。企画・設計・開発・公開の 4 つに分けて。

JSON（ツールに渡される図の定義）

{
  "version": 1,
  "title": "Web サイトリニューアルの WBS",
  "parts": [
    {
      "type": "tree",
      "dir": "right",
      "root": {
        "label": "Web サイトリニューアル",
        "tone": "accent",
        "children": [
          {
            "label": "企画",
            "children": [
              {
                "label": "現状分析"
              },
              {
                "label": "要件定義"
              }
            ]
          },
          {
            "label": "設計",
            "children": [
              {
                "label": "サイトマップ"
              },
              {
                "label": "デザイン"
              }
            ]
          },
          {
            "label": "開発",
            "children": [
              {
                "label": "CMS 構築"
              },
              {
                "label": "ページ制作"
              },
              {
                "label": "テスト"
              }
            ]
          },
          {
            "label": "公開",
            "children": [
              {
                "label": "データ移行"
              },
              {
                "label": "告知"
              }
            ]
          }
        ]
      }
    }
  ]
}

進み具合

バーンダウンチャート

スプリントの残り作業を日ごとに描き、理想の線と比べて遅れを見せます。

プロンプト例

svg-diagram で、40 ポイントの 10 日間スプリントのバーンダウンチャートを描いて。今日は 7 日目。

JSON（ツールに渡される図の定義）

{
  "version": 1,
  "title": "スプリント 12 のバーンダウン",
  "parts": [
    {
      "type": "burndown",
      "total": 40,
      "days": 10,
      "actual": [
        40,
        39,
        36,
        35,
        35,
        30,
        27,
        24
      ],
      "yLabel": "残りポイント"
    }
  ]
}

バーンアップチャート

完了した作業が、増えていくスコープに追いつく様子を見せます。途中で増えた要望も分かります。

プロンプト例

svg-diagram で、リリースまでの 12 週のバーンアップチャートを描いて。途中で要望が増えてスコープが 60 から 72 になった。

JSON（ツールに渡される図の定義）

{
  "version": 1,
  "title": "リリース 2.0 のバーンアップ",
  "parts": [
    {
      "type": "burnup",
      "days": 12,
      "scope": [
        60,
        60,
        60,
        60,
        66,
        66,
        66,
        72,
        72
      ],
      "done": [
        0,
        5,
        11,
        16,
        22,
        27,
        33,
        38,
        44
      ],
      "xLabel": "週",
      "yLabel": "ポイント"
    }
  ]
}

問題解決

JSON（ツールに渡される図の定義）

{
  "version": 1,
  "title": "品質とスピードの対立解消図",
  "parts": [
    {
      "type": "cloud",
      "a": "製品を成功させる",
      "b": "品質を確保する",
      "c": "市場の機会を逃さない",
      "d": "検証に時間をかける",
      "d2": "早くリリースする",
      "assumptions": [
        {
          "on": "bd",
          "text": "品質の確保には長い検証が必須だ",
          "injection": "自動テストで検証を短くする"
        },
        {
          "on": "cd",
          "text": "全機能を一度に公開する必要がある",
          "injection": "主要機能から段階的に公開する"
        }
      ]
    }
  ]
}

{
  "version": 1,
  "title": "人手不足の因果ループ",
  "parts": [
    {
      "type": "causalLoop",
      "layout": "ring",
      "nodes": [
        {
          "id": "staff",
          "label": "人員"
        },
        {
          "id": "load",
          "label": "一人あたりの負荷"
        },
        {
          "id": "over",
          "label": "残業時間"
        },
        {
          "id": "quit",
          "label": "離職"
        }
      ],
      "links": [
        {
          "from": "staff",
          "to": "load",
          "polarity": "-"
        },
        {
          "from": "load",
          "to": "over",
          "polarity": "+"
        },
        {
          "from": "over",
          "to": "quit",
          "polarity": "+",
          "delay": true
        },
        {
          "from": "quit",
          "to": "staff",
          "polarity": "-"
        }
      ],
      "interventions": [
        {
          "id": "hire",
          "label": "採用を増やす",
          "to": "staff",
          "polarity": "+",
          "delay": true
        }
      ]
    }
  ]
}

打ち手を選ぶ・備える

マトリックス図（評価表）

案と評価項目を縦横に並べ、◎○△× で評価します。項目の重みを付けると点数を計算し、最高点の案に印を付けます。

プロンプト例

svg-diagram で、在庫の欠品を減らす改善案 3 つを、コスト・効果・早さ・現場の負担で評価するマトリックス図を作って。重みも付けて。

JSON（ツールに渡される図の定義）

{
  "version": 1,
  "title": "欠品対策の評価マトリックス",
  "parts": [
    {
      "type": "matrix",
      "corner": "案 ＼ 評価項目",
      "rows": [
        "A 案　発注点を見直す",
        "B 案　需要予測を導入",
        "C 案　安全在庫を増やす"
      ],
      "cols": [
        "コスト",
        "効果",
        "早さ",
        "現場の負担"
      ],
      "cells": [
        [
          "◎",
          "○",
          "◎",
          "○"
        ],
        [
          "△",
          "◎",
          "△",
          "○"
        ],
        [
          "×",
          "○",
          "◎",
          "◎"
        ]
      ],
      "weights": [
        3,
        5,
        2,
        2
      ]
    }
  ]
}

PDPC（過程決定計画図）

目標までの手順に、途中で起こりうる問題（六角形）とそのときの対策を書き込み、計画の抜けを防ぎます。

プロンプト例

svg-diagram で、新製品を量産開始するまでの計画を PDPC で描いて。試作や部品調達でつまずいたときの対策も入れて。

JSON（ツールに渡される図の定義）

{
  "version": 1,
  "title": "新製品の量産開始までの PDPC",
  "parts": [
    {
      "type": "pdpc",
      "maxNodeW": 150,
      "nodes": [
        {
          "id": "start",
          "label": "設計に着手",
          "role": "start"
        },
        {
          "id": "proto",
          "label": "試作する"
        },
        {
          "id": "test",
          "label": "評価試験"
        },
        {
          "id": "line",
          "label": "量産ラインを準備"
        },
        {
          "id": "goal",
          "label": "量産開始",
          "role": "goal"
        },
        {
          "id": "r1",
          "label": "強度が足りない",
          "role": "risk"
        },
        {
          "id": "m1",
          "label": "材質を変えて再試作",
          "role": "measure"
        },
        {
          "id": "r2",
          "label": "部品の納期が遅れる",
          "role": "risk"
        },
        {
          "id": "m2",
          "label": "代わりの仕入先に切り替える",
          "role": "measure"
        }
      ],
      "links": [
        {
          "from": "start",
          "to": "proto"
        },
        {
          "from": "proto",
          "to": "test"
        },
        {
          "from": "test",
          "to": "line"
        },
        {
          "from": "line",
          "to": "goal"
        },
        {
          "from": "test",
          "to": "r1"
        },
        {
          "from": "r1",
          "to": "m1"
        },
        {
          "from": "m1",
          "to": "proto"
        },
        {
          "from": "line",
          "to": "r2"
        },
        {
          "from": "r2",
          "to": "m2"
        },
        {
          "from": "m2",
          "to": "goal"
        }
      ]
    }
  ]
}

戦略・企画

JSON（ツールに渡される図の定義）

{
  "version": 1,
  "title": "EC 事業のバリューチェーン",
  "parts": [
    {
      "type": "valueChain",
      "support": [
        {
          "label": "全般管理",
          "sub": "経営企画・財務"
        },
        {
          "label": "人事・労務管理",
          "sub": "採用・教育"
        },
        {
          "label": "技術開発",
          "sub": "サイト・物流システム"
        },
        {
          "label": "調達活動",
          "sub": "仕入れ先の開拓"
        }
      ],
      "primary": [
        {
          "label": "仕入れ物流",
          "sub": "入荷・検品"
        },
        {
          "label": "在庫管理",
          "sub": "保管・棚卸し"
        },
        {
          "label": "出荷物流",
          "sub": "梱包・配送"
        },
        {
          "label": "販売・マーケティング",
          "sub": "広告・CRM",
          "tone": "accent"
        },
        {
          "label": "サービス",
          "sub": "問い合わせ・返品"
        }
      ]
    }
  ]
}

顧客

カスタマージャーニーマップ

顧客が通る段階ごとに、行動・接点・感情・課題を並べます。感情は数値から曲線で描きます。

プロンプト例

svg-diagram で、オンライン英会話の体験申し込みから継続までのカスタマージャーニーマップを作って。感情の起伏も。

JSON（ツールに渡される図の定義）

{
  "version": 1,
  "title": "オンライン英会話のカスタマージャーニー",
  "parts": [
    {
      "type": "journeyMap",
      "stages": [
        "認知",
        "比較",
        "無料体験",
        "入会",
        "継続"
      ],
      "lanes": [
        {
          "id": "act",
          "label": "行動",
          "cells": [
            "広告を見る",
            "料金を比べる",
            "レッスンを受ける",
            "支払う",
            "毎日受講"
          ]
        },
        {
          "id": "touch",
          "label": "接点",
          "cells": [
            "SNS",
            "比較サイト",
            "アプリ",
            "決済画面",
            "アプリ"
          ]
        },
        {
          "id": "emotion",
          "label": "感情",
          "cells": [
            0,
            -1,
            2,
            0,
            1
          ]
        },
        {
          "id": "issue",
          "label": "課題",
          "cells": [
            "違いが分からない",
            "料金体系が複雑",
            "講師を選べない",
            "解約が不安",
            "予約が取りにくい"
          ]
        }
      ]
    }
  ]
}

ファネル

段階ごとに減っていく数を見せます。段階間の移行率を書けます（幅を値に合わせることもできます）。

プロンプト例

svg-diagram で、SaaS の営業ファネルを描いて。リード 3000、商談化 450、提案 180、受注 54 で、移行率も表示して。

JSON（ツールに渡される図の定義）

{
  "version": 1,
  "title": "SaaS の営業ファネル",
  "parts": [
    {
      "type": "funnel",
      "scale": "even",
      "showRate": true,
      "stages": [
        {
          "label": "リード",
          "value": 3000
        },
        {
          "label": "商談化",
          "value": 450
        },
        {
          "label": "提案",
          "value": 180
        },
        {
          "label": "受注",
          "value": 54,
          "tone": "accent"
        }
      ]
    }
  ]
}

{
  "version": 1,
  "title": "経費精算のシステム化",
  "parts": [
    {
      "type": "versus",
      "left": {
        "title": "導入前",
        "tone": "muted",
        "items": [
          {
            "title": "紙の申請書に記入",
            "body": "領収書を糊付けして提出"
          },
          {
            "title": "承認まで平均 5 日",
            "body": "上長の不在で止まる"
          }
        ]
      },
      "right": {
        "title": "導入後",
        "tone": "accent",
        "items": [
          {
            "title": "スマホで撮影して申請",
            "body": "金額は自動で読み取り"
          },
          {
            "title": "承認まで平均 1 日",
            "body": "外出先からも承認できる"
          }
        ]
      },
      "shared": {
        "title": "変わらない目的",
        "items": [
          {
            "title": "規程どおりに、正しく精算する"
          }
        ],
        "leftLabel": "手作業",
        "rightLabel": "自動化"
      }
    }
  ]
}

考えの整理

アイデアを広げてまとめ、構造として見せる。

広げる・まとめる

マインドマップ

中心のテーマから枝を広げて、考えを整理します。左右に釣り合うように自動で配置します。

プロンプト例

svg-diagram で、新規事業の検討項目をマインドマップで整理して。市場、顧客、製品、体制の 4 つの枝で。

JSON（ツールに渡される図の定義）

{
  "version": 1,
  "title": "新規事業の検討項目",
  "parts": [
    {
      "type": "mindmap",
      "root": {
        "label": "新規事業",
        "tone": "accent",
        "children": [
          {
            "label": "市場",
            "children": [
              {
                "label": "規模"
              },
              {
                "label": "成長率"
              },
              {
                "label": "競合"
              }
            ]
          },
          {
            "label": "顧客",
            "children": [
              {
                "label": "課題"
              },
              {
                "label": "予算"
              }
            ]
          },
          {
            "label": "製品",
            "children": [
              {
                "label": "機能"
              },
              {
                "label": "価格"
              }
            ]
          },
          {
            "label": "体制",
            "children": [
              {
                "label": "開発"
              },
              {
                "label": "営業"
              }
            ]
          }
        ]
      }
    }
  ]
}

親和図（KJ 法）

思いついたことや事実をカードに書き、似たものをグループにまとめて、グループに一文の名前（表札）を付けます。

プロンプト例

svg-diagram で、社員アンケートの自由回答を親和図にまとめて。似た意見をグループにして、グループに名前を付けて。

JSON（ツールに渡される図の定義）

{
  "version": 1,
  "title": "社員アンケートの親和図",
  "parts": [
    {
      "type": "affinity",
      "groups": [
        {
          "title": "情報が届かない",
          "cards": [
            "決定事項を後から知る",
            "他部署の動きが見えない",
            "資料の置き場所がばらばら"
          ]
        },
        {
          "title": "成長の機会が少ない",
          "cards": [
            "研修が年に 1 回だけ",
            "新しい仕事を任されない",
            "評価の基準が分からない"
          ]
        },
        {
          "title": "働き方を選べない",
          "cards": [
            "在宅勤務の条件が厳しい",
            "会議が夕方に入る",
            "休みを取りにくい"
          ]
        }
      ]
    }
  ]
}

{
  "version": 1,
  "title": "サービスの関係者",
  "parts": [
    {
      "type": "concentric",
      "order": "inner-first",
      "labels": "side",
      "centre": "利用者",
      "rings": [
        {
          "label": "開発チーム",
          "description": "毎日の改善と運用"
        },
        {
          "label": "販売パートナー",
          "description": "導入の支援と紹介"
        },
        {
          "label": "業界団体・行政",
          "description": "ルールと標準づくり"
        }
      ]
    }
  ]
}

グラフ

JSON（ツールに渡される図の定義）

{
  "version": 1,
  "title": "製品の比較（5 段階評価）",
  "parts": [
    {
      "type": "radar",
      "max": 5,
      "axes": [
        "価格",
        "品質",
        "サポート",
        "使いやすさ",
        "機能",
        "導入実績"
      ],
      "series": [
        {
          "label": "自社",
          "values": [
            4,
            4,
            5,
            4,
            3,
            2
          ]
        },
        {
          "label": "A 社",
          "values": [
            2,
            5,
            3,
            3,
            5,
            5
          ]
        },
        {
          "label": "B 社",
          "values": [
            5,
            2,
            2,
            4,
            2,
            3
          ]
        }
      ]
    }
  ]
}

推移と増減

折れ線グラフ

時間とともに値がどう変わるかを線で見せます。複数の系列を比べられ、計画線（点線）や目標線も引けます。

プロンプト例

svg-diagram で、3 店舗の今年上半期の月別売上を折れ線グラフにして。

JSON（ツールに渡される図の定義）

{
  "version": 1,
  "title": "店舗別の月次売上",
  "parts": [
    {
      "type": "lines",
      "categories": [
        "1月",
        "2月",
        "3月",
        "4月",
        "5月",
        "6月"
      ],
      "yLabel": "売上（万円）",
      "series": [
        {
          "label": "渋谷店",
          "values": [
            420,
            390,
            510,
            560,
            600,
            640
          ]
        },
        {
          "label": "新宿店",
          "values": [
            380,
            400,
            430,
            420,
            450,
            470
          ]
        },
        {
          "label": "池袋店",
          "values": [
            300,
            280,
            260,
            290,
            310,
            300
          ]
        }
      ]
    }
  ]
}

ウォーターフォール図

出発点から到達点まで、何がどれだけ増やし、何が減らしたかを階段状に見せます。利益の増減要因の説明に向きます。

プロンプト例

svg-diagram で、営業利益が前年の 8.0 億円から今年 9.1 億円になった要因を、ウォーターフォール図で説明して。

JSON（ツールに渡される図の定義）

{
  "version": 1,
  "title": "営業利益の増減要因",
  "parts": [
    {
      "type": "waterfall",
      "unit": "億円",
      "steps": [
        {
          "label": "前年の営業利益",
          "value": 8
        },
        {
          "label": "販売数量の増加",
          "value": 2.4
        },
        {
          "label": "値上げ",
          "value": 0.9
        },
        {
          "label": "原材料費の上昇",
          "value": -1.6
        },
        {
          "label": "人件費の増加",
          "value": -0.6
        },
        {
          "label": "今年の営業利益",
          "kind": "total"
        }
      ]
    }
  ]
}

{
  "version": 1,
  "title": "EC サイトの訪問から購入まで",
  "parts": [
    {
      "type": "sankey",
      "unit": "千人",
      "nodes": [
        {
          "id": "ad",
          "label": "広告"
        },
        {
          "id": "seo",
          "label": "検索"
        },
        {
          "id": "sns",
          "label": "SNS"
        },
        {
          "id": "visit",
          "label": "訪問"
        },
        {
          "id": "cart",
          "label": "カート投入"
        },
        {
          "id": "buy",
          "label": "購入",
          "tone": "accent"
        },
        {
          "id": "leave",
          "label": "離脱",
          "tone": "muted"
        }
      ],
      "links": [
        {
          "from": "ad",
          "to": "visit",
          "value": 50
        },
        {
          "from": "seo",
          "to": "visit",
          "value": 35
        },
        {
          "from": "sns",
          "to": "visit",
          "value": 15
        },
        {
          "from": "visit",
          "to": "cart",
          "value": 24
        },
        {
          "from": "visit",
          "to": "leave",
          "value": 76,
          "tone": "muted"
        },
        {
          "from": "cart",
          "to": "buy",
          "value": 9,
          "tone": "accent"
        },
        {
          "from": "cart",
          "to": "leave",
          "value": 15,
          "tone": "muted"
        }
      ]
    }
  ]
}

{
  "version": 1,
  "title": "営業利益の感度分析",
  "parts": [
    {
      "type": "tornado",
      "base": 120,
      "unit": "百万円",
      "items": [
        {
          "label": "販売単価 ±10%",
          "low": 78,
          "high": 162
        },
        {
          "label": "販売数量 ±10%",
          "low": 96,
          "high": 144
        },
        {
          "label": "原材料費 ±10%",
          "low": 138,
          "high": 102
        },
        {
          "label": "為替 ±10%",
          "low": 110,
          "high": 130
        },
        {
          "label": "広告費 ±10%",
          "low": 126,
          "high": 114
        }
      ]
    }
  ]
}

品質・リスク

JSON（ツールに渡される図の定義）

{
  "version": 1,
  "title": "塗装工程の欠点数（c 管理図）",
  "parts": [
    {
      "type": "controlChart",
      "chart": "c",
      "values": [
        3,
        5,
        4,
        2,
        6,
        4,
        3,
        5,
        4,
        3,
        7,
        4,
        5,
        3,
        13,
        4,
        5,
        6,
        4,
        3
      ],
      "at": [
        "1日",
        "2日",
        "3日",
        "4日",
        "5日",
        "6日",
        "7日",
        "8日",
        "9日",
        "10日",
        "11日",
        "12日",
        "13日",
        "14日",
        "15日",
        "16日",
        "17日",
        "18日",
        "19日",
        "20日"
      ],
      "xLabel": "日付",
      "yLabel": "欠点数（個）"
    }
  ]
}

{
  "version": 1,
  "title": "ベルトコンベアの FMEA",
  "parts": [
    {
      "type": "fmea",
      "sort": "rpn",
      "dense": true,
      "rows": [
        {
          "item": "駆動モーター",
          "mode": "過熱",
          "effect": "ライン停止",
          "cause": "冷却ファンの詰まり",
          "action": "週次の清掃",
          "s": 8,
          "o": 4,
          "d": 5,
          "after": {
            "s": 8,
            "o": 2,
            "d": 3
          }
        },
        {
          "item": "ベルト",
          "mode": "蛇行",
          "effect": "製品の落下",
          "cause": "張りの不足",
          "action": "張力の定期測定",
          "s": 6,
          "o": 5,
          "d": 4,
          "after": {
            "s": 6,
            "o": 2,
            "d": 2
          }
        },
        {
          "item": "光電センサー",
          "mode": "誤検知",
          "effect": "一時停止",
          "cause": "レンズの汚れ",
          "action": "清掃周期の短縮",
          "s": 4,
          "o": 6,
          "d": 3,
          "after": {
            "s": 4,
            "o": 3,
            "d": 3
          }
        }
      ]
    }
  ]
}

品質の設計

品質機能展開（QFD）

お客様の要求（重要度つき）と、製品の品質特性の関係を ◎○△ で示します。特性ごとに得点と割合が出て、力を入れるべき特性が分かります。

プロンプト例

svg-diagram で、ワイヤレスイヤホンの品質機能展開（QFD）を作って。要求は音質・装着感・電池持ち・価格、特性は重さ・電池容量・ドライバー径・部品点数で。

JSON（ツールに渡される図の定義）

{
  "version": 1,
  "title": "ワイヤレスイヤホンの品質機能展開",
  "parts": [
    {
      "type": "qfd",
      "demands": [
        {
          "label": "音が良い",
          "importance": 5
        },
        {
          "label": "長時間つけても痛くない",
          "importance": 4
        },
        {
          "label": "電池が長持ち",
          "importance": 4
        },
        {
          "label": "手頃な価格",
          "importance": 3
        }
      ],
      "characteristics": [
        "重さ",
        "電池容量",
        "ドライバー径",
        "部品点数"
      ],
      "relations": [
        [
          "",
          "",
          "◎",
          "△"
        ],
        [
          "◎",
          "△",
          "○",
          ""
        ],
        [
          "△",
          "◎",
          "",
          ""
        ],
        [
          "",
          "○",
          "△",
          "◎"
        ]
      ]
    }
  ]
}