Architecture: request path template preview

Diagram template

Architecture: request path

Pro

numbered hops · snake rows · labeled links · logo node cards

The hops one request makes through a system in order, each a numbered logo card in rows that snake, with a pill on each link saying how the request got there.

Categories

Included in

Pro, Power, Max

Upgrade to Pro

One credit to generate. Edits after that are free.

When to use it

Use for three to eight hops of one request in order, such as a request through CDN, gateway, services, and database, an auth or checkout request trace, or a webhook delivery path, optionally with the protocol or measured time of each link. Not for components grouped in networks, many-to-many dependencies, or staged data pipelines.

Adjust after generating

Change the style, colors, and font, and these options, as often as you like without spending credits.

  • Card shape
  • Card fill
  • Color distribution
  • Card border
  • Card shadow
  • Typography
  • Icon shape
  • Icon size
  • Icon fill
  • Icon shell
  • Spacing
  • Alignment
  • Material
  • Connectors
  • Line weight

What you fill in

Describe your topic in plain words and the AI fills these in. You can edit every field afterwards.

Hops
3 to 8, each with label, optional description, icon, and optional via
Architecture: system context template previewArchitecture: system contextA C4 system context diagram, a "who uses it and what it depends on" slide, or an integration overview: one system, one to four actors that use it, and one to five external systems it calls or that call it, each link saying what it does.Architecture: dependency graph template previewArchitecture: dependency graphThree to twelve components that call or depend on each other with no fixed tiers, such as a microservice call map, a service dependency graph, or data lineage between systems, with links labeled by protocol or what flows (gRPC, REST, events).Architecture: environments template previewArchitecture: environmentsOne system shown as two to four copies that are compared side by side: dev, staging, and production environments with promotion between them, region A, region B, and disaster recovery with replication, or blue and green stacks.Architecture: event hub template previewArchitecture: event hubEvent flows through one broker, bus, or topic hub with one to five producers and one to five consumers, such as Kafka topics, Google Pub/Sub, SNS fanning out to SQS queues, EventBridge rules, or a webhook gateway delivering to several handlers; built for fan-in and fan-out.Architecture: grouped panels left to right template previewArchitecture: grouped panels left to rightTwo to fourteen components placed in two to five networks, clusters, subnets, or accounts, such as an AWS VPC with public and private subnets or a Kubernetes cluster with namespaces, optionally inside one region with users or third-party services outside.Architecture: isometric floating layer plates stacked with a clear gap template previewArchitecture: isometric floating layer plates stacked with a clear gapA layered system where components rely on specific components in the layer directly below: software layers from experience through services to data, an operating model from strategy through operations to delivery teams, or a data stack from reports through warehouse and pipelines to sources.