C4 Diagrammer

System Description Input

Welcome to the C4 Diagrammer! This tool helps you create C4 architecture diagrams based on your system description. Follow the syntax guide below to describe your system architecture.

Syntax Guide:

Example input:

Person: Customer
System: E-commerce Platform
Container: Web Application
Container: Mobile App
Container: Database
Component: Product Catalog
Component: Shopping Cart
Component: Payment Gateway
Rel: Customer -> E-commerce Platform: Browses and purchases products
Rel: Web Application -> Database: Stores and retrieves data
Rel: Mobile App -> Database: Stores and retrieves data
Rel: Web Application -> Product Catalog: Displays products
Rel: Web Application -> Shopping Cart: Manages items
Rel: Web Application -> Payment Gateway: Processes payments
Rel: Mobile App -> Product Catalog: Displays products
Rel: Mobile App -> Shopping Cart: Manages items
Rel: Mobile App -> Payment Gateway: Processes payments

This input will generate a valid C4 diagram with the correct syntax for Mermaid version 8.11.0.

Generated C4 Diagram: