Demo · każda liczba jest wygenerowana
Dashboard zrobiony jak należy
Siedem rzeczy, które dzielą dobry panel od wysypiska wykresów: układ, animowane wykresy, tryb ciemny, zwijany pasek boczny, uczciwe stany puste, szkielety wczytywania i kolory czytelne przy daltonizmie. Sprawdź: zwiń pasek, kliknij Odśwież, wejdź w Segmenty.
Dane przykładowe, generowane w kodzie strony — nic nie jest pobierane.
Przychód
$7980
28,5%vs poprzednie 30 dni
Zamówienia
263
23,5%vs poprzednie 30 dni
Średnie zamówienie
$30
4,0%vs poprzednie 30 dni
Zwroty
1,6%
0,4%vs poprzednie 30 dni
Przychód
Oba produkty, ta sama oś i jednostka
Pakiet promptówStrony na zamówienie
Skąd przychodzą zamówienia
Ostatnie 30 dni
Ostatnie zamówienia
Status to ikona i słowo, nigdy sam kolor
| Zamówienie | Klient | Produkt | Status | Kwota | Kiedy |
|---|---|---|---|---|---|
| #1284 | j.romero@example.com | Pakiet promptów | Zapłacone | $10 | 12 min temu |
| #1283 | hello@studioafk.example | Strona na zamówienie | W toku | $200 | godzinę temu |
| #1282 | m.tan@example.org | Pakiet promptów | Zapłacone | $10 | 3 godz. temu |
| #1281 | kasia@example.net | Pakiet promptów | Zwrócone | $10 | 5 godz. temu |
| #1280 | dev@northbound.example | Strona na zamówienie | Zapłacone | $200 | 9 godz. temu |
Jak to jest zrobione
Siedem rzeczy, które panel musi mieć dobrze zrobione, i gdzie każda z nich jest na tym ekranie.
UkładStały pasek boczny, przyklejony górny, podsumowanie przed szczegółami. Odpowiedź na „jak idzie sprzedaż?” jest nad zgięciem.
WykresySVG rysowane przy wczytaniu. Celownik i podpowiedź na szeregu czasowym, wartość obok każdego słupka.
Tryb ciemnyWłasne stopnie na ciemnym tle, nie odwrócona paleta jasna. Działa tylko w tym panelu.
Pasek bocznyZwija się do 64 px samych ikon. Animuje się szerokość, treść nie przeskakuje.
Stan pustyMówi, czym jest ta sekcja, dlaczego jest pusta i co zrobić dalej. Wejdź w Segmenty.
WczytywanieKliknij Odśwież. Szkielety trzymają kształt tego, co nadchodzi, więc nic nie przeskakuje.
KolorSerie i statusy z palety sprawdzonej pod daltonizm i kontrast w obu trybach.
UczciwośćKażda liczba jest generowana w kodzie strony. Zero API, zero konta, zero prawdziwej sprzedaży.
To nie są prawdziwe sprzedaże. Nic się tu nie pobiera i żadne konto nie jest podłączone — liczby pochodzą ze stałego ziarna w kodzie strony. Chcesz taki panel na swoich danych? To jest ta usługa za $200.