The prompt

Create a regional operations dashboard with Tailwind CSS. The left two thirds is a bordered card holding a title, a legend of three coloured dots for healthy, degraded and down, and a stylised world map built from a grid of small squares in varying tints — no images — with five larger dots absolutely positioned over it representing regions, one amber and one red. The right third is a scrollable list of eight region rows, each with a status dot, the region code in monospace, the city name, the p99 latency and a small uptime percentage; the degraded row carries a one-line note. Under both, a strip of four aggregate figures separated by vertical rules. Then add JavaScript that links the list to the map: hovering a row enlarges its map dot and shows a small tooltip with the region name and latency, and clicking a row keeps it selected until another is chosen.

Paste it into Claude, Cursor, v0 or any AI coding tool. Prefer the finished markup? Open the Tailwind source.