Un dashboard de observabilitate pentru pipeline-uri de date, în care poți derula înapoi orice minut din ultimele 24 de ore — și poți privi cum se petrece un incident, cum e chemat cineva, cum se face rollback și cum se scurge coada.
Mai jos e chiar interfața site-ului, funcțională și în engleză, așa cum o vede un client al brandului.
Trage de bandă sau apasă „Replay the incident”. Deschide dashboardul complet →
Direcție vizuală
Nicio imagine, prin design — fără fotografie, fără 3D, fără randări: produsul e imaginea. Tot ce e pe ecran e desenat din date: o hartă de flux cu șase pipeline-uri între surse și destinații, în care grosimea liniei e volumul, o bandă de 24 de ore cu incidentul marcat pe ea și grafice cu ziua de ieri punctată în spatele celei de azi. O aplicație funcțională, nu o pagină de marketing, și nimic din aspectul cu gradient mov al produselor AI.
IBM Plex Mono pentru fiecare număr, oră, nume de pipeline și titlu de secțiune dă interfeței un aer tehnic, nativ datelor, și ține cifrele aliniate când se schimbă; IBM Plex Sans duce etichetele și textul — o pereche cu adevărat diferită de orice alt concept de aici.
Tipografie
Paletă
Alb rece (#F7F8FA) și cerneală, cu un chihlimbariu cald (#C2570C) ca singur accent — iar chihlimbariul înseamnă mereu necaz: un pipeline degradat, un prag depășit, o coadă adunată. Un dashboard liniștit e aproape lipsit de culoare, așa că o problemă se vede din celălalt capăt al camerei.
$ arc replay --at 12:51 — the flow, three hours ago
Logica layoutului
O bară laterală fixă și o coloană de lucru, ca într-o arhitectură reală de aplicație. Bara de timp stă deasupra a tot ce controlează: deruleaz-o înapoi și cele patru cifre, harta de flux, graficul de debit și jurnalul de evenimente se mută împreună la acel minut. Selectarea unui pipeline deschide un panou lateral cu debitul, p95 și coada lui de peste zi, ce citește și ce scrie și un comutator de pauză; tabelul de pipeline-uri arată același minut, cu un mini-grafic de 24 de ore pe fiecare rând.
Trage de bandă — sau dă click pe un grafic ori pe orice rând din jurnalul de evenimente — și tot dashboardul se derulează înapoi; evenimentele de după cursor se estompează, pentru că de acolo încolo încă nu s-au întâmplat. „Redă incidentul” rulează deploy-ul greșit de după-amiază minut cu minut: latența urcă, coada se umple, inginerul de gardă e chemat și confirmă, rollback-ul ajunge, iar coada se reprocesează la 130% până recuperează. Simularea e deterministă pe fiecare minut UTC și urmează ora locală reală a fiecărei regiuni, așa că Singapore e aglomerat în timp ce Virginia doarme; punerea pe pauză a unui pipeline îi reține intrarea, iar reluarea o reprocesează.
Interacțiune
Demonstrează
- Interfață de dashboard
- Vizualizare de date
- Interacțiune de derulare în timp
- Layout responsiv de aplicație