- ds
- Operations
- Regions
Regions
Where it runs, how it is doing and how far away.
| Region | State | p50 from users | Traffic |
|---|---|---|---|
| ap-south-1Mumbai | Healthy | 38 ms | 46% |
| ap-south-2Hyderabad | Healthy | 44 ms | 18% |
| ap-southeast-1Singapore | Degraded | 212 ms | 14% |
| eu-west-1Ireland | Healthy | 61 ms | 12% |
| us-east-1N. Virginia | Healthy | 57 ms | 10% |
| me-central-1UAE | Standby | n/a | 0% |
Show code
<div class="table-wrap"><table class="table">
<thead><tr><th>Region</th><th>State</th><th>p50 from users</th><th class="n">Traffic</th></tr></thead>
<tbody>
<tr><td><span class="rgn"><span>ap-south-1</span><small>Mumbai</small></span></td><td><span class="status"><span class="status-dot"></span>Healthy</span></td><td><span class="lat" style="--v:0.179">38 ms</span></td><td class="n">46%</td></tr>
<tr><td><span class="rgn"><span>ap-south-2</span><small>Hyderabad</small></span></td><td><span class="status"><span class="status-dot"></span>Healthy</span></td><td><span class="lat" style="--v:0.208">44 ms</span></td><td class="n">18%</td></tr>
<tr><td><span class="rgn"><span>ap-southeast-1</span><small>Singapore</small></span></td><td><span class="status"><span class="status-dot warn"></span>Degraded</span></td><td><span class="lat warn" style="--v:1.000">212 ms</span></td><td class="n">14%</td></tr>
<tr><td><span class="rgn"><span>eu-west-1</span><small>Ireland</small></span></td><td><span class="status"><span class="status-dot"></span>Healthy</span></td><td><span class="lat" style="--v:0.288">61 ms</span></td><td class="n">12%</td></tr>
<tr><td><span class="rgn"><span>us-east-1</span><small>N. Virginia</small></span></td><td><span class="status"><span class="status-dot"></span>Healthy</span></td><td><span class="lat" style="--v:0.269">57 ms</span></td><td class="n">10%</td></tr>
<tr><td><span class="rgn"><span>me-central-1</span><small>UAE</small></span></td><td><span class="status"><span class="status-dot idle"></span>Standby</span></td><td><span class="faint">n/a</span></td><td class="n">0%</td></tr>
</tbody>
</table></div>Where the service runs, as a table: region code in mono with the city under it, because people type the code and remember the city. State in words with its dot. Latency is an inline bar scaled to the slowest region with the value after it, so Singapore at five times the others is obvious before the number is read.
Tiles
- ap-south-1Mumbai · healthy38 ms
- ap-south-2Hyderabad · healthy44 ms
- ap-southeast-1Singapore · degraded212 ms
- eu-west-1Ireland · healthy61 ms
- us-east-1N. Virginia · healthy57 ms
- me-central-1UAE · standbyn/a
Show code
<ul class="regions">
<li><b>ap-south-1<span class="status-dot"></span></b><span>Mumbai · healthy</span><span class="lat" style="--v:0.179">38 ms</span></li>
<li><b>ap-south-2<span class="status-dot"></span></b><span>Hyderabad · healthy</span><span class="lat" style="--v:0.208">44 ms</span></li>
<li><b>ap-southeast-1<span class="status-dot warn"></span></b><span>Singapore · degraded</span><span class="lat warn" style="--v:1.000">212 ms</span></li>
<li><b>eu-west-1<span class="status-dot"></span></b><span>Ireland · healthy</span><span class="lat" style="--v:0.288">61 ms</span></li>
<li><b>us-east-1<span class="status-dot"></span></b><span>N. Virginia · healthy</span><span class="lat" style="--v:0.269">57 ms</span></li>
<li class="idle"><b>me-central-1<span class="status-dot idle"></span></b><span>UAE · standby</span><span class="faint">n/a</span></li>
</ul>The same data as tiles for a dashboard header. Tiles share hairlines rather than gaps, like the metrics grid. A standby region fades to the faint ink so it reads as off, not broken.
| Class | On | What it does |
|---|---|---|
.rgn | span | A region cell: the code in mono, never broken, then a <small> city. |
.lat | span | Inline bar and value. --v from 0 to 1 against the slowest row; --lat-w sets the bar width (5rem). .warn, .down. |
.regions | ul | Tiles split by hairlines, 11.5rem minimum. |
.regions > li | li | Code and dot in <b>, place and state in a <span>, then a .lat. .down tints it, .idle fades it. |
Do
- The provider code and a city. "ap-south-1" alone means nothing to half the room.
- Latency measured from users, and say so in the column head.
- Standby regions in the list, marked as standby.
Don't
- A world map for six regions. A table is faster to read and works on a phone.
- Flags for regions. A data centre is not a country.
- Sorting by latency during an incident; keep the order stable so people can find their region.
Accessibility
- The latency value is printed next to its bar; the bar only helps comparison.
- State is a word next to every dot.