看看實際效果
C4 模型圖範例。
同一款工具，四種需求。下方每張圖都是實際產生的成果。
輸入內容
繪製線上診所系統的 C4 系統情境圖。顯示患者、臨床醫師與診所管理員使用線上診所系統。系統連接行事曆服務供應商、視訊服務、電子郵件與 SMS 服務，以及健康紀錄系統。
接著試試加入保險資格確認服務加入與診所連接的藥局系統
控制系統方塊圖 · Ogata / standard controls textbook convention · schematex-blockdiagram
產生的圖表
什麼是 C4 模型圖。
C4 模型以四個詳細程度層級記錄軟體架構：情境、容器、元件與程式碼。先從人員與外部系統開始掌握全貌，再深入了解實作系統的應用程式、服務與模組。
C4 圖應在每個層級回答一個問題。使用情境圖說明範圍，使用容器圖呈現執行中的應用程式與資料儲存區，使用元件圖說明單一容器內的職責；只有在讀者需要這種深度時，才使用程式碼圖。
- Standard
- Ogata / standard controls textbook convention
- Engine
- schematex-blockdiagram
- Editable
- Double-click text, drag nodes
- Export
- SVG · PNG · PDF
適用對象
誰會使用 C4 模型圖。
以共用的情境、容器與元件圖序列說明系統，同時避免混淆不同層級。
呈現服務職責與相依性，協助實作與程式碼審查。
呈現無需實作細節即可理解的系統範圍與外部整合。
運作方式
三個步驟建立 C4 模型圖。
01
描述需求
寫一段話就能開始。
“繪製線上診所系統的 C4 系統情境圖。顯示患者、臨床醫師與診所管理員使用線上診所系統。系統連接行事曆服務供應商、視訊服務、電子郵件與 SMS 服務，以及健康紀錄系統。”
02
查看圖表
由合適的繪圖引擎產生。
03
提出修改
每次修改都會保留版本。
加入保險資格確認服務
V2 · DRAWN FROM V1, NOTHING RETYPED常見問題
常見問題
什麼是 C4 模型圖？
C4 是一種以階層方式記錄軟體架構的方法，包含 Context、Containers、Components 與 Code 圖。每種圖都會增加細節，同時維持一致的系統脈絡。
C4 模型中的四個 C 是什麼？
Context 顯示系統範圍與使用者；Containers 顯示應用程式與資料儲存區；Components 顯示容器內的主要職責；Code 顯示選定的實作層級結構。
什麼時候該使用 C4 模型圖？
當您需要向不同對象說明軟體架構時，請使用 C4，從需要了解範圍的利害關係人，到需要掌握服務或元件邊界的開發人員都適用。
C4 與 UML 有什麼不同？
C4 是一種以逐步放大的層級記錄軟體架構的聚焦方法。UML 涵蓋多種圖表類型，適用於更廣泛的軟體與行為建模需求。
相關工具
