Wykresy PromptEye są liniowe i spokojne: jedna seria w kobalcie, porównania w szarości, reszta jako tło. Tytuł mówi wniosek, nie temat. Wzory poniżej pochodzą wprost z arkusza systemu; pod każdym przełączysz wersję jasną i ciemną.
Który wykres do czego
| Pytanie czytelnika | Wykres | Wzór |
|---|---|---|
| Jak wynik zmienia się w czasie? | Linia w czasie | W3 |
| Kto zyskał, a kto stracił względem poprzedniego okresu? | Słupki z poprzednim miesiącem | W4 |
| Jak bardzo modele AI różnią się w ocenie? | Rozrzut między modelami | W5 |
| Jak rozkładają się pozycje na liście odpowiedzi? | Struktura 100 % | W6 |
| Wiele pozycji w wielu modelach naraz | Tabela z grupą modeli i mapą ciepła | T3 |
Linia w czasie
12 miesięcy: lider w kobalcie, dwa porównania w szarości, siedem serii tła, pasmo rozrzutu lidera i sezon.
W systemie: guidelines/dane.html#w3
Słupki z poprzednim miesiącem
Siedem modeli: słupek marca, znacznik lutego, średnia i zmiana przy każdym słupku.
W systemie: guidelines/dane.html#w4
Rozrzut między modelami
Pasmo od minimum do maksimum i średnia, bez kresek pojedynczych modeli.
W systemie: guidelines/dane.html#w5
Struktura 100 %
100 % odpowiedzi w czterech przedziałach skali kobaltu, wartości w słupkach.
W systemie: guidelines/dane.html#w6
Zasady
Sopot rośnie najszybciej
Widoczność miejsc nad morzem
- Jedna seria wyróżniona kobaltem, porównawcze w szarości, reszta jako tło w jasnej szarości. Bez wielokolorowych legend.
- Podpisy przy końcach linii (wartość i zmiana) zamiast legendy.
- Siatka: ciągłe linie 1 px (
--pe-dzien-linia-2, na czerni #1E2027), linia zera mocniejsza. Bez linii kropkowanych. - Oś wartości od zera, jednostka przy podziałce. Osie Inter 13, cyfry tabelaryczne, kolor metadanych.
- Rozrzut to pasmo od minimum do maksimum, bez kresek pojedynczych modeli.
- Pomarańcz tylko dla lidera (koło). Na bieli lider to kobaltowy słupek (
--pe-kobalt-500), pozostałe--pe-kobalt-100; na czerni w granacie. - Dane są liniowe, bez kropek motywu.
Kolory danych
Kolory danych to jedyny wyjątek od tokenów --pe-*: zmienne z css/dane.css, ustawiane na ramce .t2f osobno dla bieli i czerni (.t2f.dk). Nie wpisuj ich ręcznie. Użyj klas .q1–.q4, .hm1–.hm5, .up, .rb, a ramka dobierze wersję. Kolor partnera w danych: rozdział Raport z partnerem.
| Zmienna | Do czego | Na bieli | Na czerni |
|---|---|---|---|
--q1 … --q4 | Struktura 100 % (W6): przedziały od najważniejszego | --pe-kobalt-600 · --pe-kobalt-300 · #B3C0FF · #E3E8FF | --pe-kobalt-300 · --pe-kobalt-500 · #2E3A70 · #1C2348 |
--hm1 … --hm5 | Mapa ciepła (T2): 5 kroków od najniższej wartości | #F4F6FF · #E8ECFF · #D9E0FF · --pe-kobalt-100 · #AEBBFF | #0B0F24 · #101839 · #172152 · #1F2C6C · #2A3B8C |
--up | Wzrost i awans w rankingu (▲) | --pe-kobalt-600 | --pe-kobalt-300 |
--rb … --rb1 | Pasmo rozrzutu (W5): pozostałe i wyróżnione | #DCE2FF · #A9B8FF | #1F2A5E · #3B52C4 |
--ctx | Serie tła na wykresie liniowym (W3, KW2) | #DFE1E5 | #262930 |
--sea | Pasmo sezonu (W3) | --pe-dzien-panel | #16181D |
--base | Linia bazowa osi | --pe-noc-tekst-2 | #3A3D45 |
Wykresy do udostępnienia
1600 × 900 do prezentacji i artykułu partnera, 1080 × 1080 do mediów społecznościowych. Logo, tytuł, źródło i adres są częścią grafiki; logo w lewym górnym rogu, stopka ze źródłem po lewej i adresem po prawej. Tabela do udostępnienia: rozdział Tabele.
Prezentacja i artykuł partnera.
W systemie: guidelines/typografia.html
Social: podpisy linii zamiast legendy.
W systemie: guidelines/typografia.html
W systemie: guidelines/typografia.html