Skip to content
flowss
Start freeChecking your session
D2 templates

Three-tier Web App (D2)

The classic presentation / logic / data tiers.

D2ArchitectureD2 syntax docs
Template previewD2
Rendering…

Make it your own.

direction: down

presentation: Presentation tier {
  web: Web browser
  cdn: CDN
}
logic: Logic tier {
  app: App servers
  cache: Cache {shape: cylinder}
}
data: Data tier {
  db: Primary DB {shape: cylinder}
  replica: Read replica {shape: cylinder}
}

presentation.web -> presentation.cdn
presentation.web -> logic.app
logic.app -> logic.cache
logic.app -> data.db
logic.app -> data.replica
data.db -> data.replica: replication