Putting it all together
=======================

You now have every building block: shapes, arrows, text, styling, anchors,
groups, automatic layout, icons, and variables. This final page assembles them
into a real cloud architecture diagram — the kind you might sketch to explain a
serverless request flow.

Notice there are **no manual coordinates**. Layout directives declare the
structure — a labelled ``AWS Region`` boundary, two rows of flow — and
SheepText places everything. Icons carry ``labelside top`` captions, numbered
arrows trace the request path, ``heads both`` marks a two-way call, and
``route above`` sends the return edge over the top. That last one is a
presentation choice: the ``(5)`` edge is routed clear either way, and ``route
above`` picks which side it takes:

.. sheeptext::
   :alt: A serverless chat architecture with users and a chat client feeding an AWS Region boundary containing API Gateway, Lambda, and Rekognition, with numbered request-flow arrows

   layout direction right
   layout group MainRegion "AWS Region": ApiGateway Lambda Rekognition
   layout row RequestFlow: Users ChatClient MainRegion
   layout row RegionServices: ApiGateway Lambda Rekognition

   use icons aws

   Users: icon aws:users labelside top "Users"
   ChatClient: icon aws:client labelside top "Chat client"
   ApiGateway: icon aws:amazon-api-gateway labelside top "Amazon\nAPI Gateway"
   Lambda: icon aws:lambda labelside top "AWS\nLambda"
   Rekognition: icon aws:amazon-rekognition labelside top "Amazon\nRekognition"

   from Users arrow "(1)" to ChatClient
   from ChatClient arrow "(2)" to ApiGateway
   from ApiGateway arrow "(3)" to Lambda
   from Lambda arrow "(4)" to Rekognition heads both
   from Lambda arrow "(5)" to ChatClient route above

The same toolkit scales down as well as up. Here a compact deployment view
combines a styled group, an icon, a plain box, and a labelled connector — mixing
automatic and manual composition as each part of the picture needs:

.. sheeptext::
   :alt: A VPC group containing a server icon and a cache box, with a labelled arrow from an external users icon into the VPC

   use icons aws
   Users: icon aws:users "Users" size 40 with .nw at (30, 150)
   VPC: [
     Api: icon aws:server "API host" size 48 with .nw at (260, 60)
     Cache: box "cache" fill #fef3c7 with .nw at (450, 75)
   ] "VPC" fill #0f172a textsize 14 bold
   from Users arrow "https" to Api
   from Api arrow "read/write" to Cache

That completes the tutorial. Open any example in the `editor </editor/>`_ to
experiment, then start sketching your own diagrams.