@diagrammo/dgmo 0.8.2 → 0.8.4

package/gallery/fixtures/arc.dgmo

@@ -0,0 +1,18 @@
+arc Microservice Dependencies
+order group
+
+[Frontend]
+  WebApp -> API Gateway 5
+  MobileApp -> API Gateway 3
+
+[Core Services]
+  API Gateway -> AuthService 4
+  API Gateway -> UserService 5
+  API Gateway -> OrderService 3
+  UserService -> Database 4
+  OrderService -> Database 3
+  OrderService -> PaymentService 2
+
+[External]
+  PaymentService -> Stripe 2
+  AuthService -> OAuth 3

package/gallery/fixtures/area.dgmo

@@ -0,0 +1,19 @@
+area Memory Usage Over Time
+x-label Hour
+y-label GB
+
+era 12am -> 9am Night (blue)
+era 9am -> 6pm Day (green)
+era 6pm -> 11pm Evening (purple)
+
+12am 2.1
+3am 1.8
+6am 2.4
+9am 5.7
+10am 6.3
+12pm 7.1
+2pm 6.8
+4pm 5.9
+6pm 4.2
+9pm 3.1
+11pm 2.5

package/gallery/fixtures/bar-stacked.dgmo

@@ -0,0 +1,10 @@
+bar-stacked Support Tickets by Priority
+x-label Month
+y-label Tickets
+
+series Critical (red), High (orange), Medium (yellow), Low (green), Info (blue)
+January 8, 24, 45, 62, 31
+February 12, 19, 51, 58, 28
+March 6, 22, 38, 71, 35
+April 10, 28, 42, 65, 40
+May 5, 15, 48, 70, 33

package/gallery/fixtures/bar.dgmo

@@ -0,0 +1,10 @@
+bar Monthly Revenue by Product Line
+x-label Product
+y-label Revenue ($K)
+
+Enterprise 245
+Professional 182
+Starter 97
+Free Trial 43
+Add-ons 61
+Consulting 128

package/gallery/fixtures/c4-full.dgmo

@@ -0,0 +1,52 @@
+c4 Online Bookstore — C4 Architecture
+
+tag Technology alias tech
+  React(blue)
+  Node(green)
+  Python(orange)
+  PostgreSQL(purple)
+
+tag Team alias t
+  Frontend(blue)
+  Backend(green)
+  Platform(teal)
+  Data(purple)
+
+Customer is a person | t: Frontend
+  description: Browses and purchases books online
+
+Admin is a person | t: Backend
+  description: Manages inventory and orders
+
+Bookstore is a system | t: Backend
+  description: Core e-commerce platform for book sales
+  containers
+    WebApp is a container | tech: React, t: Frontend
+      description: Single-page storefront application
+      components
+        Catalog is a component
+        Cart is a component
+        Checkout is a component
+    API is a container | tech: Node, t: Backend
+      description: REST API gateway for all client requests
+    OrderSvc is a container | tech: Node, t: Backend
+      description: Order processing and fulfillment
+    SearchSvc is a container | tech: Python, t: Backend
+      description: Full-text search over book catalog
+    BookDB is a container is a database | tech: PostgreSQL, t: Data
+      description: Relational store — books, orders, users
+    CacheLayer is a container is a cache | tech: Redis, t: Platform
+      description: Session and query result cache
+    EventBus is a container | tech: Kafka, t: Platform
+      description: Async event backbone for order lifecycle
+
+PaymentGW is a system | t: Platform
+  description: Stripe — external payment processing
+
+EmailSvc is a system | t: Platform
+  description: SendGrid — transactional email delivery
+
+Customer -Browses catalog-> Bookstore
+Admin -Manages inventory-> Bookstore
+Bookstore -Processes payments via-> PaymentGW | tech: REST
+Bookstore ~Sends order confirmations~> EmailSvc | tech: SMTP

package/gallery/fixtures/c4.dgmo

@@ -0,0 +1,17 @@
+c4 Internet Banking System
+
+Customer is a person
+  description: A customer of the bank
+
+Banking is a system
+  description: Core internet banking system
+  containers
+    WebApp is a container | tech: React
+    API is a container | tech: Node.js
+    DB is a container is a database | tech: PostgreSQL
+
+Email is a system
+  description: External email delivery service
+
+Customer -Uses-> Banking
+Banking -Sends emails via-> Email

package/gallery/fixtures/chord.dgmo

@@ -0,0 +1,12 @@
+chord Inter-Department Collaboration
+
+Engineering -> Design 85
+Engineering -> Product 72
+Engineering -> QA 95
+Design -> Product 68
+Design -> Marketing 45
+Product -> Marketing 58
+Product -> Sales 42
+Marketing -> Sales 65
+QA -> Engineering 88
+Sales -> Product 30

package/gallery/fixtures/class-basic.dgmo

@@ -0,0 +1,14 @@
+class Animal Hierarchy
+
+Animal
+  name: string
+  age: number
+  speak(): void
+
+Dog extends Animal
+  breed: string
+  fetch(): void
+
+Cat extends Animal
+  indoor: boolean
+  purr(): void

package/gallery/fixtures/class-full.dgmo

@@ -0,0 +1,43 @@
+class Design Patterns
+
+Drawable [interface]
+  + draw(): void
+  + resize(w: number, h: number): void
+
+Shape implements Drawable [abstract] (purple)
+  # x: number
+  # y: number
+  + area(): number
+  + move(dx: number, dy: number): void
+  - validate(): boolean
+
+Circle extends Shape
+  - radius: number
+  + getRadius(): number
+
+Rectangle extends Shape
+  - width: number
+  - height: number
+  + getDiagonal(): number
+
+Color [enum] (yellow)
+  Red
+  Green
+  Blue
+
+Canvas
+  - shapes: Shape[]
+  + render(): void
+  + addShape(s: Shape): void
+  + clear(): void
+  count: number {static}
+  *-- Shape : contains
+  ..> Logger : uses
+
+Logger
+  - instance: Logger {static}
+  + log(msg: string): void
+  + getInstance(): Logger {static}
+
+Circle
+  -> Color : has fill

package/gallery/fixtures/doughnut.dgmo

@@ -0,0 +1,8 @@
+doughnut Cloud Spending by Service
+
+Compute (blue) 34
+Storage (cyan) 22
+Database (green) 18
+Networking (orange) 12
+AI/ML (purple) 8
+Other (gray) 6

package/gallery/fixtures/flowchart-basic.dgmo

@@ -0,0 +1,3 @@
+flowchart Basic Flow
+
+(Start) -> [Step 1] -> [Step 2] -> [Step 3] -> (End)

package/gallery/fixtures/flowchart-colors.dgmo

@@ -0,0 +1,5 @@
+flowchart Color Demo
+
+(Start(green)) -> [Parse Input] -> <Valid?(blue)>
+  -yes(green)-> [Process(teal)] -> (Success(green))
+  -no(red)-> [Error Handler(red)] -> /Log Error(orange)/ -> (Failure(red))

package/gallery/fixtures/flowchart-complex.dgmo

@@ -0,0 +1,17 @@
+flowchart CI/CD Pipeline
+
+(Push to Repo) -> [[Run Linter]] -> <Lint Pass?>
+  -yes-> [[Run Tests]]
+  -no-> [Lint Report~] -> /Notify Dev/ -> (Fix & Retry)
+
+[[Run Tests]] -> <Tests Pass?>
+  -yes-> [Build Artifact]
+  -no-> [Test Report~] -> /Notify Dev/ -> (Fix & Retry)
+
+[Build Artifact] -> <Environment?>
+  -staging-> [[Deploy to Staging]] -> /Run Smoke Tests/ -> <Smoke OK?>
+    -yes-> /Await Approval/
+    -no-> /Notify Team/ -> (Rollback)
+  -production-> [[Deploy to Prod]] -> /Health Check/ -> <Healthy?>
+    -yes-> (Done)
+    -no-> (Rollback)

package/gallery/fixtures/flowchart-decision.dgmo

@@ -0,0 +1,5 @@
+flowchart Decision Flow
+
+(Start) -> /Get Input/ -> <Valid?>
+  -yes-> [Process Data] -> (Done)
+  -no-> [Show Error] -> /Get Input/

package/gallery/fixtures/flowchart-full.dgmo

@@ -0,0 +1,13 @@
+flowchart Order Processing Pipeline
+
+(Receive Order) -> [Validate Input] -> <Valid?>
+  -yes-> [Check Inventory] -> <In Stock?>
+    -yes-> [[Process Payment]] -> <Payment OK?>
+      -yes-> [Ship Order] -> /Send Confirmation/ -> (Complete)
+      -no-> [Retry Payment] -> <Retries Left?>
+        -yes-> [[Process Payment]]
+        -no-> [Cancel Order] -> /Notify Customer/ -> (Failed)
+    -no-> /Notify Backorder/ -> <Accept Wait?>
+      -yes-> [Queue Order] -> [Check Inventory]
+      -no-> [Refund] -> (Cancelled)
+  -no-> [Log Validation Error~] -> /Show Error/ -> (Rejected)

package/gallery/fixtures/flowchart-groups.dgmo

@@ -0,0 +1,10 @@
+flowchart Microservice Architecture
+
+/Request/ -> [Auth Check] -> <Authorized?>
+
+<Authorized?>
+  -yes-> [Create Order] -> [Validate Items]
+
+[Validate Items] -> [[Send Confirmation]]
+<Authorized?>
+  -no-> [[Send Rejection]]

package/gallery/fixtures/flowchart-loop.dgmo

@@ -0,0 +1,7 @@
+flowchart Retry Logic
+
+(Start) -> [Initialize] -> [Attempt Request] -> <Success?>
+  -yes-> [Process Response] -> (Done)
+  -no-> <Retries Left?>
+    -yes-> [Wait & Backoff] -> [Attempt Request]
+    -no-> [Log Failure] -> (Error)

package/gallery/fixtures/flowchart-nested.dgmo

@@ -0,0 +1,7 @@
+flowchart Authentication Flow
+
+(Start) -> <Authenticated?>
+  -yes-> <Authorized?>
+    -yes-> [Process Request] -> [Return 200] -> (End)
+    -no-> [Return 403] -> (End)
+  -no-> [Return 401] -> (End)

package/gallery/fixtures/flowchart-shapes.dgmo

@@ -0,0 +1,5 @@
+flowchart Pirate's Code
+(Sail Ho!) -> <Friend or Foe?>
+  -friend-> [Check Logs~] -> /Trade Rum/ -> [Celebrate]
+  -foe-> [Fire Cannons] -> [[Claim Loot]] -> [Celebrate]
+[Celebrate]->(Sail On)

package/gallery/fixtures/function.dgmo

@@ -0,0 +1,8 @@
+function Mathematical Functions
+x-label x
+y-label f(x)
+
+x -6 to 6
+f(x) (blue) sin(x)
+g(x) (red) x^2 / 10
+h(x) (green) cos(x) * 2

package/gallery/fixtures/funnel.dgmo

@@ -0,0 +1,7 @@
+funnel Sales Pipeline Conversion
+
+Website Visitors 12000
+Product Page Views 5400
+Free Trial Signups 2100
+Onboarding Complete 890
+Paid Conversion 340

package/gallery/fixtures/gantt-full.dgmo

@@ -0,0 +1,49 @@
+gantt Product Launch Plan — Full
+start 2024-01-15
+today-marker 2024-03-01
+critical-path
+dependencies
+
+tag Team alias t
+  Engineering(blue)
+  Design(purple)
+  QA(orange)
+  Marketing(green)
+
+tag Phase alias p
+  Foundation(green)
+  Growth(orange)
+  Launch(red)
+
+era 2024-01-15 -> 2024-02-15 Investor Review
+era 2024-03-10 -> 2024-03-14 GDC 2024 (purple)
+marker 2024-02-26 Board Meeting
+marker 2024-04-08 Trade Show Demo (orange)
+
+// Independent task with offset — starts 8bd after project start
+10bd Brand Guidelines | t: Design, p: Foundation, offset: 8bd
+
+parallel
+  [Backend] | t: Engineering
+    30bd Database Layer | p: Foundation, 80%
+    10bd? Auth Module | p: Foundation, 100%
+      -blocks-> Frontend.API Integration | offset: -5bd
+    parallel
+      5bd Load Testing | t: QA, p: Growth
+      5bd Security Audit | t: QA, p: Growth
+
+  [Frontend] | t: Design
+    15bd Component Library | p: Foundation
+    10bd API Integration | t: Engineering, p: Growth
+    5bd Polish | p: Growth, 30%
+
+[Marketing] | t: Marketing
+  10bd Landing Page | p: Growth
+  5bd Press Kit | p: Launch
+    -needs-> Landing Page
+
+[Integration] | t: QA
+  10bd E2E Testing | p: Launch
+    -depends on-> Backend.Auth Module
+  // Final validation before release
+  0d Release Candidate | p: Launch

package/gallery/fixtures/gantt.dgmo

@@ -0,0 +1,42 @@
+gantt Product Launch Plan
+start 2024-01-15
+today-marker 2024-03-01
+critical-path
+dependencies
+
+tag Team alias t
+  Engineering(blue)
+  Design(purple)
+  QA(orange)
+
+tag Phase alias p
+  Foundation(green)
+  Growth(orange)
+
+era 2024-01-15 -> 2024-02-15 Investor Review
+era 2024-03-10 -> 2024-03-14 GDC 2024 (purple)
+marker 2024-02-26 Board Meeting
+marker 2024-04-08 Trade Show Demo (orange)
+
+// Independent task with offset — starts 8bd after project start
+10bd Brand Guidelines | t: Design, p: Foundation, offset: 8bd
+
+parallel
+  [Backend] | t: Engineering
+    30bd Database Layer | p: Foundation, 80%
+    10bd? Auth Module | p: Foundation, 100%
+      // Start frontend integration 5bd before Auth finishes (overlap)
+      -> Frontend.API Integration | offset: -5bd
+    parallel
+      5bd Load Testing | t: QA, p: Growth
+      5bd Security Audit | t: QA, p: Growth
+
+  [Frontend] | t: Design
+    15bd Component Library | p: Foundation
+    10bd API Integration | t: Engineering, p: Growth
+    5bd Polish | p: Growth, 30%
+
+[Integration] | t: QA
+  10bd E2E Testing
+  // Final validation before release
+  0d Release Candidate

package/gallery/fixtures/heatmap.dgmo

@@ -0,0 +1,8 @@
+heatmap Deploy Frequency by Day and Hour
+
+columns Mon, Tue, Wed, Thu, Fri
+6 AM 1, 2, 0, 1, 0
+9 AM 5, 8, 6, 7, 4
+12 PM 3, 4, 5, 3, 2
+3 PM 8, 12, 9, 10, 6
+6 PM 2, 3, 1, 2, 1

package/gallery/fixtures/infra-full.dgmo

@@ -0,0 +1,78 @@
+infra E-Commerce Platform — Full Infrastructure
+
+tag Team alias t
+  Backend(blue)
+  Platform(teal)
+  Data(purple)
+
+tag Tier alias r
+  Edge(green)
+  Core(blue)
+  Storage(orange)
+
+edge
+  rps: 15000
+  -> CloudFront
+
+CloudFront is a network | t: Platform, r: Edge
+  description: CDN — edge cache with 200+ PoPs
+  cache-hit: 85%
+  -> WAF
+
+WAF is a gateway | t: Platform, r: Edge
+  description: Web Application Firewall — bot protection and rate limiting
+  firewall-block: 8%
+  -> ALB
+
+ALB is a gateway | t: Platform, r: Core
+  -/api-> [API Tier] | split: 50%
+  -/shop-> [Commerce Tier] | split: 35%
+  -/static-> StaticBucket | split: 15%
+
+[API Tier] | t: Backend, r: Core
+  APIServer is a service
+    description: Core REST API — auth, catalog, user profiles
+    instances: 4
+    max-rps: 800
+    latency-ms: 35
+    cb-error-threshold: 50%
+    -> Redis | fanout: 2
+    -> PostgreSQL
+    ~order.placed~> EventBus
+
+[Commerce Tier] | t: Backend, r: Core
+  CheckoutSvc is a service
+    description: Checkout and payment orchestration
+    instances: 2-10
+    max-rps: 400
+    latency-ms: 100
+    -> PaymentGW
+    -> PostgreSQL
+    ~payment.confirmed~> EventBus
+  PaymentGW is a gateway
+    description: Stripe/Adyen payment gateway proxy
+    latency-ms: 250
+
+Redis is a cache | t: Data, r: Storage
+  description: Session store and query cache
+  latency-ms: 2
+
+PostgreSQL is a database | t: Data, r: Storage
+  description: Primary relational store — orders, users, catalog
+  latency-ms: 8
+
+EventBus is a queue | t: Platform, r: Core
+  description: Async event backbone (Kafka)
+  ~analytics~> ClickHouse
+  ~notifications~> NotifySvc
+
+ClickHouse is a database | t: Data, r: Storage
+  description: Analytics OLAP — real-time dashboards
+
+NotifySvc is a service | t: Backend, r: Core
+  description: Email/SMS/push notification dispatcher
+  instances: 2
+
+StaticBucket is a storage | t: Platform, r: Edge
+  description: S3 bucket — JS, CSS, images
+  latency-ms: 5

package/gallery/fixtures/infra-overload.dgmo

@@ -0,0 +1,25 @@
+infra Microservice Overload Demo
+direction-tb
+
+edge
+  rps: 8000
+  -> Gateway
+
+Gateway
+  ratelimit-rps: 5000
+  -> AuthProxy
+
+AuthProxy
+  cache-hit: 60%
+  -> [Services]
+
+[Services]
+  OrderAPI
+    instances: 2
+    max-rps: 400
+    latency-ms: 80
+    cb-error-threshold: 60%
+  PaymentAPI
+    instances: 1
+    max-rps: 200
+    latency-ms: 150

package/gallery/fixtures/infra.dgmo

@@ -0,0 +1,47 @@
+infra Production Traffic Flow
+
+tag Team alias t
+  Backend(blue)
+  Platform(teal)
+
+edge
+  rps: 10000
+  -> CloudFront
+
+CloudFront is a network | t: Platform
+  description: CDN — edge cache for assets and API responses
+  cache-hit: 80%
+  -> CloudArmor
+
+CloudArmor is a gateway | t: Platform
+  description: WAF — blocks bots and malicious traffic
+  firewall-block: 5%
+  -> ALB
+
+ALB is a gateway | t: Platform
+  -/api-> [API Pods] | split: 60%
+  -/purchase-> [Commerce Pods] | split: 30%
+  -/static-> StaticServer | split: 10%
+
+[API Pods]
+  APIServer is a service | t: Backend
+    description: Core REST API — auth, orders, user profiles
+    instances: 3
+    max-rps: 500
+    latency-ms: 45
+    cb-error-threshold: 50%
+    ~events~> MessageQueue
+
+[Commerce Pods]
+  PurchaseMS is a service
+    description: Checkout and payment processing
+    instances: 1-8
+    max-rps: 300
+    latency-ms: 120
+
+MessageQueue is a queue | t: Platform
+  description: Async event bus for order notifications
+
+StaticServer is a storage | t: Platform
+  description: Serves static assets (JS, CSS, images)
+  latency-ms: 5

package/gallery/fixtures/initiative-status-full.dgmo

@@ -0,0 +1,46 @@
+initiative-status Platform Modernization — Full Status
+
+tag Phase alias p
+  Discovery(green) default
+  Build(blue)
+  Launch(orange)
+  Maintenance(purple)
+
+tag Team alias t
+  Frontend(blue)
+  Backend(green)
+  Platform(teal)
+  Data(purple)
+
+[Identity] | t: Backend
+  Auth Service | done, p: Build
+  SSO Integration | doing, p: Build
+    -> Auth Service | done
+  MFA Rollout | blocked, p: Launch
+    -> SSO Integration | doing
+
+[Payments] | t: Platform
+  Payment Gateway | doing, p: Build
+  Billing UI | todo, p: Build, t: Frontend
+    -> Payment Gateway | doing
+  Invoice API | todo, p: Launch
+    -> Payment Gateway | doing
+    -> Billing UI | todo
+
+[Search] | t: Backend
+  Search API | done, p: Build
+  Search UI | doing, p: Build, t: Frontend
+    -> Search API | done
+  Search Analytics | na, p: Maintenance, t: Data
+
+[Observability] | t: Platform
+  Metrics Pipeline | done, p: Discovery
+  Alert Rules | done, p: Build
+    -> Metrics Pipeline | done
+  Dashboard | doing, p: Build, t: Frontend
+    -> Metrics Pipeline | done
+    -> Alert Rules | done
+
+Auth Service -> Payment Gateway: validates | done
+SSO Integration -> Search API: provides identity | done
+Metrics Pipeline -> Search API: monitors | done

package/gallery/fixtures/initiative-status-phases.dgmo

@@ -0,0 +1,29 @@
+initiative-status Platform Migration
+
+tag Phase alias p
+  Discovery default
+  Build
+  Launch
+
+tag Team alias t
+  Frontend
+  Backend
+  Platform
+
+[Identity]
+  Auth Service | done, p: Discovery, t: Backend
+  SSO Integration | doing, p: Build, t: Backend
+    -> Auth Service | done
+
+[Payments]
+  Payment Gateway | doing, p: Build, t: Platform
+  Billing UI | todo, p: Build, t: Frontend
+    -> Payment Gateway | doing
+
+[Search]
+  Search API | todo, p: Launch, t: Backend
+  Search UI | todo, p: Launch, t: Frontend
+    -> Search API
+
+Auth Service -> Payment Gateway: validates | done
+SSO Integration -> Search API: provides identity | todo

package/gallery/fixtures/initiative-status.dgmo

@@ -0,0 +1,9 @@
+initiative-status Q2 Platform Roadmap
+
+Auth Service | done
+Payment Gateway | doing
+  -> Auth Service | done
+Search API | todo
+  -> Auth Service | done
+Billing UI | blocked
+  -> Payment Gateway | doing

package/gallery/fixtures/line.dgmo

@@ -0,0 +1,19 @@
+line Daily Active Users (Q1 2025)
+x-label Week
+y-label Users (thousands)
+
+era Week 1 -> Week 6 Phase 1 (blue)
+era Week 6 -> Week 12 Phase 2 (green)
+
+Week 1 12.4
+Week 2 13.1
+Week 3 14.8
+Week 4 13.9
+Week 5 16.2
+Week 6 17.5
+Week 7 18.1
+Week 8 19.3
+Week 9 21.0
+Week 10 22.4
+Week 11 24.1
+Week 12 23.8