Drawings
The library holds 237 drawings in 17
categories. Any part can show any drawing; “suits” is only which parts Flozu suggests it for. The
id under each name is what a map file saves in a part’s visual. See drawings
in Make it look right.
People
| Drawing | What it shows | Suits |
|---|---|---|
Peoplecrowd | A few people, sending requests. | Person |
Journeyjourney | One person moving from browsing to paying. | Person |
Online nowonline | How many people are here, with a live count. | Person |
Teamteam | A small team, each with a status dot. | Person |
Support agentsupport | Someone with a headset, answering a chat. | Person |
Adminadmin | Someone with a key, changing settings. | Person |
Around the worldaround-the-world | People across time zones, with the awake ones lit. | Person, CDN |
Personapersona | A profile card with a name, a role and what they need. | Person |
Audiencesaudiences | People split into groups: new, returning and paying. | Person, Data warehouse |
Apps and devices
| Drawing | What it shows | Suits |
|---|---|---|
Browserbrowser | A web page with a button being pressed. | Client app |
Phonephone | A mobile app, with a list and a tap. | Client app |
Devicesdevices | A laptop, a tablet and a phone, all sending requests. | Client app |
Desktop appdesktop | A desktop window with a sidebar, syncing. | Client app |
Watchwatch | A smartwatch with a ring filling up. | Client app |
Sensorsensor | A small device sending a reading on every beat. | Client app, Worker |
TV apptv | A screen playing a stream, with its progress bar. | Client app |
Terminalterminal | A command typed, and its answer printed. | Client app, Service, Custom part |
Point of salepoint-of-sale | A till, with a card tapped against it. | Client app |
API clientapi-client | Code calling an API, and the answer coming back. | Client app, Service |
Vehiclevehicle | A vehicle on a route, sending where it is. | Client app |
Email and alerts
| Drawing | What it shows | Suits |
|---|---|---|
Emailemail | Envelopes leaving an outbox, one at a time. | Service, Worker |
Inboxinbox | An inbox, with new mail arriving at the top. | Service |
Text messagetext-message | A phone with text messages arriving. | Service |
Push notificationpush | A notification sliding onto a lock screen. | Service |
Chat roomchat-room | Several people talking in one room. | Service, Topic |
Webhookwebhook | A POST sent to a web address, and the reply code. | Service, Function |
Video callvideo-call | A grid of people on a call, with the speaker lit. | Service |
Alertsalerts | A bell ringing, with a count of what's new. | Service, Custom part |
Network
| Drawing | What it shows | Suits |
|---|---|---|
Recordsrecords | Names and the addresses they point to, looked up in turn. | DNS |
Lookuplookup | A name resolved step by step, from the root to the address. | DNS |
Time to liveexpiry | Records counting down until they're looked up again. | DNS |
Globeglobe | A globe with edge servers around it. | CDN |
Edge mapedges | Edge servers around the world, close to people. | CDN |
Offloadoffload | How much the edge serves, and how little reaches the origin. | CDN |
Laneslanes | Lanes of requests merging through one gate. | Gateway |
Pathspaths | Paths, and the service each one is routed to. | Gateway |
Checkschecks | Each request checked for its key and quota, then routed. | Gateway |
Sharesshares | One stream split three ways, with each share's level. | Load balancer |
Round robinrotation | Requests handed to each copy in turn. | Load balancer |
Targetstargets | The copies behind it and whether each is healthy. | Load balancer |
Packetspackets | Packets crossing between two machines, after a handshake. | Gateway, Load balancer, Service |
Anycastanycast | One address, answered by whichever site is nearest. | DNS, CDN |
Edge cacheedge-cache | Copies kept at the edge, with a hit served at once. | CDN, Cache |
Routesroutes | A table of routes, and where each one sends traffic. | Gateway, Load balancer |
Reverse proxyreverse-proxy | One door in front of several servers. | Gateway, Load balancer |
Tunneltunnel | A private tunnel joining two networks. | Gateway, Firewall, Custom part |
Service meshmesh | Services joined through side-cars, with traffic between them. | Gateway, Service |
Health checkshealth-checks | Each server checked in turn, and the failing one taken out. | Load balancer |
Failoverfailover | Traffic moving from a failed site to its standby. | Load balancer, DNS, Database |
Round tripslatency-map | Round trips to each region, with the quickest lit. | CDN, DNS |
Live connectionlive-connection | A connection held open, with messages going both ways. | Gateway, Service |
Querygraphql | A query asking for fields, and an answer shaped like it. | Gateway, Service |
Portsports | A machine's ports, with the open ones lit. | Firewall |
Traffic and limits
| Drawing | What it shows | Suits |
|---|---|---|
Gaugegauge | A needle that edges into the red past the limit. | Rate limiter |
Token buckettoken-bucket | A bucket of tokens: each request takes one. | Rate limiter |
Per secondwindow | Each second's traffic against the limit, with the excess cut. | Rate limiter |
Leaky bucketleaky-bucket | Requests pour in and drip out at a steady pace. | Rate limiter |
Sliding windowsliding-window | A window sliding over the last minute of requests. | Rate limiter |
Throttlethrottle | Bunched-up requests spaced out to a steady pace. | Rate limiter, Gateway |
Quotaquota | A daily allowance being used up, and what's left of it. | Rate limiter, Gateway, AI model |
Bandwidthbandwidth | A pipe filling with traffic towards its limit. | CDN, Gateway, Rate limiter |
Circuit breakercircuit-breaker | A switch that opens when calls fail, and closes once they recover. | Gateway, Service |
Retriesretries | A call failing, waiting longer each time, then going through. | Service, Gateway |
Security and sign-in
| Drawing | What it shows | Suits |
|---|---|---|
Rulesrules | A wall of rules: allowed traffic passes, the rest bounces off. | Firewall |
Shieldshield | A shield with what it let through and what it blocked. | Firewall |
Loglog | Allowed and blocked requests as they happen. | Firewall |
Passwordpassword | A password being typed, then a tick. | Sign-in |
Tokentoken | A signed token, issued in three parts. | Sign-in |
One-time codecode | A six-digit code being filled in. | Sign-in |
Locklock | A padlock closing over what it keeps safe. | Sign-in, Firewall, Storage |
Secretssecrets | Keys kept in a vault, handed out one at a time. | Sign-in, Custom part |
Fingerprintfingerprint | A fingerprint being scanned, line by line. | Sign-in |
Passkeypasskey | A device confirming who it is with a touch, and no password. | Sign-in |
Two-step sign-intwo-step | A password, then a code from a phone. | Sign-in |
Permissionspermissions | Roles, and what each one may do. | Sign-in, Gateway |
Sessionssessions | Signed-in sessions, each running out in time. | Sign-in, Cache |
Certificatecertificate | A certificate, who issued it and the days until it expires. | DNS, Gateway, CDN |
Attackattack | A flood of traffic, mostly stopped at the edge. | Firewall, CDN |
Bot checkbot-check | Visitors checked one by one, with the bots turned away. | Firewall, Sign-in |
Audit logaudit-log | Who did what and when, written down for later. | Firewall, Database, Custom part |
Encryptionencryption | Plain text going in, and scrambled text coming out. | Storage, Service |
Compute
| Drawing | What it shows | Suits |
|---|---|---|
Activityactivity | Recent traffic as a line, and how busy it is. | Service |
Instancesinstances | Copies of the service, each with its load. | Service |
Latencylatency | How long answers take: typical, slow and slowest. | Service |
Jobsjobs | Jobs in progress, each filling as it's worked on. | Worker |
Stagesstages | Jobs moving from taken, to working, to done. | Worker |
Poolpool | Worker slots, busy or free. | Worker |
Warm instanceswarm | Copies that light up as they're called. | Function |
Callscalls | Calls arriving over time, each a short burst. | Function |
Scalingscaling | Copies rising and falling with demand. | Function |
Containerscontainers | Containers stacked on a machine, starting and stopping. | Service, Worker |
Podspods | Pods spread over three machines, with one being replaced. | Service, Worker |
Serversservers | A rack of servers with their lights blinking. | Service, Database, Custom part |
CPUcpu | A processor's cores, and how busy each one is. | Service, Worker, Function |
Threadsthreads | Requests handed to threads, with a few waiting. | Service |
Endpointsendpoints | An API's routes, with how often each is called. | Service, Gateway |
Codesource-code | Lines of code, with the one running lit. | Function, Service, Custom part |
Deploysdeploys | A new version rolling out across the copies. | Service, Function |
Blue and greenblue-green | Two versions side by side, with traffic switching over. | Load balancer, Service |
Scaling outscale-out | Copies added as the load climbs past a line. | Service, Function, Worker |
Cold startcold-start | A function waking up, then answering quickly. | Function |
Batch jobbatch | A big job split into chunks, worked on side by side. | Worker, Data warehouse |
Pipelinepipeline | Data passing through steps, one after another. | Worker, Data warehouse |
Video encodingvideo-encoding | One video turned into several sizes. | Worker, Function |
Image resizingimage-sizes | One picture made into several sizes. | Function, Worker |
Workflowworkflow | Steps that branch, wait on each other, then join. | Worker, Scheduler, Custom part |
Time
| Drawing | What it shows | Suits |
|---|---|---|
Clockclock | A clock, and the job it starts every hour. | Scheduler |
Timelinetimeline | A day's runs on a timeline, with now moving along it. | Scheduler |
Weekweek | A week of runs on a calendar. | Scheduler |
Countdowncountdown | A timer counting down to the next run. | Scheduler |
Croncron | A cron line, and when it next runs. | Scheduler |
Monthmonth | A month, with runs on chosen days. | Scheduler |
Hourglasshourglass | Sand running through, for something that takes time. | Scheduler, Worker, Custom part |
Delayed jobsdelayed-jobs | Jobs parked until their time comes. | Scheduler, Queue |
AI
| Drawing | What it shows | Suits |
|---|---|---|
Tokenstokens | An answer appearing a word at a time. | AI model |
Chatchat | A prompt and the reply streaming back. | AI model |
Layerslayers | Layers of a network, with a signal passing through. | AI model |
Embeddingsembeddings | Words placed as points, with similar ones close together. | AI model, Search, Database |
Vector searchvector-search | A question finding its nearest neighbours. | Search, AI model, Database |
Agentagent | Think, use a tool, look at the result, and go round again. | AI model |
Retrievalretrieval | A question, the passages found for it, then the answer. | AI model, Search |
Classifierclassifier | Items sorted into labelled bins, each with how sure it is. | AI model |
Trainingtraining | The error falling as a model learns. | AI model, Worker |
Image generationimage-generation | A picture sharpening out of noise. | AI model |
Speechspeech | A voice turned into words as it speaks. | AI model |
Recommendationsrecommendations | Items picked for someone, best match first. | AI model, Service |
Moderationmoderation | Posts checked as they arrive, with a few held back. | AI model, Service |
Contextcontext-window | Tokens filling a context window towards its limit. | AI model |
Messaging
| Drawing | What it shows | Suits |
|---|---|---|
Lineline | Work waiting in line, with new items arriving. | Queue |
Depthdepth | How long the line has been over time. | Queue |
Waiting and in flightstates | What's waiting, being worked on and failed. | Queue |
Fan-outfan-out | One event copied to every subscriber. | Topic |
Subscriberssubscribers | Each subscriber, and the events reaching it. | Topic |
Partitionspartitions | The event log, split into partitions. | Topic |
Prioritypriority | Urgent work jumping to the front of the line. | Queue |
Dead lettersdead-letters | Messages that kept failing, set aside to look at. | Queue, Topic |
In orderin-order | Messages kept in exact order, handled one at a time. | Queue |
Consumer groupconsumer-group | Messages shared out between the members of a group. | Queue, Topic |
Event streamevent-stream | Events flowing past, each tagged with its type. | Topic |
Publish and subscribepub-sub | Publishers on one side, subscribers on the other. | Topic |
Outboxoutbox | Changes written down, then sent on as events. | Database, Topic, Worker |
Acknowledgedacks | Messages delivered and ticked off one by one. | Queue |
Back pressureback-pressure | A fast sender slowed down by a full line. | Queue, Worker |
Data
| Drawing | What it shows | Suits |
|---|---|---|
Fadersfaders | Levels for reads, writes and connections. | Database |
Tabletable | A table of records, with new rows being written. | Database, Table |
Replicasreplicas | A primary copying its writes to two replicas. | Database |
Hit ratehit-rate | How much is served from memory. | Cache |
Keyskeys | Keys in memory, each expiring in time. | Cache |
Memorymemory | Memory used and free, with the oldest keys making room. | Cache |
Resultsresults | A search and its best matches. | Search |
Indexindex | Words, and the records each one is found in. | Search |
Suggestionssuggest | Suggestions appearing as someone types. | Search |
Key-valuekey-value | Keys and their values, each read in a blink. | Cache, Database |
Documentsdocuments | Documents with fields nested inside them. | Database |
Graphgraph | Records joined by how they relate. | Database |
Time seriestime-series | Readings landing on a timeline as they're taken. | Database, Data warehouse |
Shardsshards | Records spread over shards by their key. | Database |
Schemaschema | Tables and the links between them. | Database |
SQLsql | A query, and the rows it brings back. | Database, Data warehouse |
Transactionstransactions | Changes saved together, or not at all. | Database |
Migrationschema-change | A table changing shape, a step at a time. | Database |
Change feedchange-feed | Each change copied out as it happens. | Database, Topic |
Connectionsconnections | A pool of connections, busy and free. | Database |
Files and media
| Drawing | What it shows | Suits |
|---|---|---|
Bucketbucket | Files dropping into a bucket. | Storage |
Filesfiles | Images, documents and archives, kept side by side. | Storage |
Space usedusage | How much space each kind of file takes. | Storage |
Imagesimages | A grid of photos, with a new one uploading. | Storage |
Videovideo | A video playing, with its buffer filling ahead. | Storage, CDN, Client app |
Uploadupload | A file uploading in chunks. | Storage, Function |
Cold storagecold-storage | Files moving from hot to cold as they age. | Storage |
Foldersfolders | Folders, and the files inside them. | Storage |
File versionsfile-versions | One file, and its earlier versions behind it. | Storage |
Audioaudio | A sound wave playing. | Storage, AI model, Client app |
Analytics
| Drawing | What it shows | Suits |
|---|---|---|
Barsbars | Data flowing in, and a chart growing from it. | Data warehouse |
Heatmapheatmap | A grid of figures, darker where there's more. | Data warehouse |
Trendtrend | A figure over time, with this week's point. | Data warehouse |
Funnelfunnel | Steps from visiting to buying, each one narrower. | Data warehouse |
Dashboarddashboard | A dashboard of tiles: a figure, a chart and a list. | Data warehouse, Custom part |
Breakdowndonut | A ring split into shares. | Data warehouse, Custom part |
Extract and loadetl | Data copied from several sources into tables. | Data warehouse, Worker |
Cohortscohorts | Each week's sign-ups, and how many came back. | Data warehouse |
Reportreport | A report with a headline figure and a chart. | Data warehouse |
Placesplaces | Activity by place, as dots on a map. | Data warehouse, CDN |
Top listtop-list | The top items, ranked, each with a bar. | Data warehouse, Search |
Big numberbig-number | One large figure, and how it's changed. | Custom part, Data warehouse |
Payments and shopping
| Drawing | What it shows | Suits |
|---|---|---|
Card paymentcard-payment | A card tapped, and the payment approved. | Service |
Checkoutcheckout | A basket, its total and a pay button. | Service, Client app |
Receiptreceipt | A receipt printing line by line. | Service, Database |
Invoiceinvoice | An invoice with its lines, a total and a paid stamp. | Service |
Subscriptionsubscription | A plan renewing each month. | Service, Scheduler |
Cartcart | Items dropping into a shopping cart. | Service, Client app |
Stockstock | Products on shelves, with how many are left. | Database, Service |
Ordersorders | Orders moving from placed, to packed, to shipped. | Service, Worker |
Refundsrefunds | Payments going out, and a few coming back. | Service |
Fraud checkfraud-check | Each payment scored, with the risky ones held. | Service, AI model |
Ledgerledger | Debits and credits that always balance. | Database, Service |
Deliverydelivery | A parcel moving along its route to a door. | Service, Worker |
Pricesprices | A price tag that follows demand. | Service |
Operations
| Drawing | What it shows | Suits |
|---|---|---|
Logslogs | Log lines scrolling past, with a warning in amber. | Custom part, Service, Worker |
Metricsmetrics | Charts of requests, errors and response times. | Custom part, Service |
Incidentincident | An alert going off, and the person on call taking it. | Custom part |
Tracetrace | One request's time spent in each part, as bars. | Service, Custom part |
Uptimeuptime | Each day's uptime as a bar, with one bad day. | Custom part, Service |
Errorserrors | Errors spiking, then settling down. | Service, Custom part |
Feature flagsfeature-flags | Switches turning features on for some people. | Service, Custom part |
Experimentexperiment | Two versions side by side, and which one is winning. | Service, Data warehouse |
Buildbuild | Build, test and deploy steps, ticking off in turn. | Custom part, Worker |
Branchesbranches | Branches splitting off and merging back. | Custom part |
Backupsbackups | A copy taken every night, with the oldest let go. | Storage, Database, Scheduler |
Settingssettings | Settings, with switches and values. | Custom part, Service |
Inside a service
| Drawing | What it shows | Suits |
|---|---|---|
Routesroute-list | An endpoint's routes, each lit in turn as a request comes in. | Endpoint |
Modulemodule-graph | A module's own parts, with calls running from its way in to its store. | Module |
Source filesource | Numbered lines of code, with the running line lit. | Code file |
Contractcontract | An interface's methods, ticked off as code keeps each one. | Interface |
Packagepackage | A package with its name and version, and an update waiting. | Library |
Rowsrows | A table's columns, and new rows being written. | Table |
Importsimports | A file's imports, fanning out to what it uses. | Code file, Module, Library |
Call stackcall-stack | A call stack growing as one function calls the next. | Code file, Module, Endpoint |
Teststests | Tests running, each passing in turn. | Code file, Module |
Columnscolumns | Columns or fields, each with its type. | Table, Interface |
Versionsemver | A version number going up, with the kind of change it is. | Library, Interface |
Handlerhandler | A request arriving at a handler, worked on and answered. | Endpoint, Module, Function |
General
| Drawing | What it shows | Suits |
|---|---|---|
Blankblank | An empty box, for anything. | Custom part |
Cogcog | A turning cog, for something that does work. | Custom part |
Modulesmodules | Blocks fitted together, for something made of parts. | Custom part |
Sparklinesparkline | A small line chart, drawing as it goes. | Custom part, Service |
Bar chartbar-chart | Bars rising and falling. | Custom part |
Ringring | A ring filling to a share. | Custom part |
Statusstatus | A list of checks, each passing or failing. | Custom part |
Flowchartflowchart | Boxes and arrows, with something moving through them. | Custom part |
Stackstack | Layers stacked one on another. | Custom part |
Checklistchecklist | Tasks being ticked off. | Custom part |
Hubhub | One centre joined to many. | Custom part, Gateway, Topic |
Filterfilter | Many go in, and few come out. | Custom part, Firewall, Search |
Cyclecycle | Steps going round and round. | Custom part, Worker |
Signalsignal | A pulse sent out in rings. | Custom part, Client app |
Transformtransform | Shapes going in, and changed shapes coming out. | Custom part, Function, Worker |