Use person, system, container, and component
kinds for C4-shaped cards — without a separate C4 dialect.
Edit source — diagram updates liveSource diagram "Internet Banking — System Context" {
direction TD
presentation {
title: "Internet Banking"
titleSubtitle: "System context"
}
layout {
density: mid
gap: roomy
}
customer: person "Personal Banking Customer" {
subtitle: true
description: "A customer of the bank with personal bank accounts"
}
banking: system "Internet Banking System" {
subtitle: true
description: "Allows customers to view accounts and make payments"
}
group externals {
chrome: false
arrange: row
gap: roomy
padding: compact
email: external "E-mail System" {
subtitle: true
description: "Internal Microsoft Exchange"
}
mainframe: external "Mainframe Banking System" {
subtitle: true
description: "Core banking accounts and transactions"
}
}
customer -> banking "Views accounts and pays using"
banking -> email "Sends e-mail using"
banking -> mainframe "Gets account info from"
customer -> email "Sends e-mails to"
}
It ships C4-friendly kinds and silhouettes. You still write Flowmark, not a separate C4 DSL.
Browse the gallery / Quick start
