Quick Example

Let's create a simple microservices architecture diagram in TDL.

The Diagram

@arch
[nodes]
  gw:API Gateway|cloud
  auth:Auth Service|cyl
  users:User Service|cyl
  orders:Order Service|cyl
  db:PostgreSQL|cyl

[edges]
  gw->auth:validate
  gw->users:get user
  gw->orders:create order
  users-->orders:user events
  orders->db:persist

Rendered diagram

Breaking It Down

1. Diagram Type

@arch

2. Nodes Section

[nodes]
  gw:API Gateway|cloud
  auth:Auth Service|cyl

• gw - Node ID (for referencing in edges)

• API Gateway - Display label

• |cloud - Shape (cloud shape)

• |cyl - Cylinder shape (for databases/services)

3. Edges Section

[edges]
  gw->auth:validate
  users-->orders:user events

• -> - Solid arrow (synchronous)

• --> - Dashed arrow (asynchronous)

• :validate - Edge label

Try It Yourself

1. Open the ArchiToon Web Editor

2. Paste the code above

3. See your diagram render instantly

What's Next?

• Your First Diagram - Step-by-step tutorial

• Shapes - All available shapes

• Connections - Edge types explained