Chart palette

Paletă categorică pentru dataviz. WIP — validată și gata de folosit, dar nerulată pe un ecran real. Se numește deja în limbajul de cod: --chart-1…--chart-5, ca în aplicație.

Markup canonic · components/chart.json

sursa = JSON · generat de scripts/build-catalog.py
Facturare Salarizare Declarații

Cele cinci sloturi

--chart-1#EE4379brand pink
--chart-2#0A8FA0teal
--chart-3#5348D6indigo
--chart-4#91922Folive
--chart-5#BB61CForchid

Ordine fixă, niciodată ciclată. O a șasea serie nu primește o culoare generată — se pliază în „Altele”, în small multiples, sau graficul se împarte. Culoarea urmărește entitatea, nu rangul: un filtru care schimbă numărul de serii nu are voie să le revopsească pe cele rămase.

În uz

Facturare Salarizare Declarații
0 25 50 75 100 Ian Feb Mar Apr Mai Iun 91
Documente procesate pe lună. Etichetă directă doar pe vârf — niciodată un număr pe fiecare bară.

Specificațiile de marcaj: bare subțiri, capete rotunjite 4px ancorate la linia de bază, 2px de suprafață între bare adiacente, grilă și axe recesive (--c-rule-soft), etichetă directă selectivă. Textul poartă tokeni de text, niciodată culoarea seriei.

Validată, nu aleasă din ochi

VerificareRezultat
Bandă de luminozitatetoate 5 în L 0.43–0.77
Prag de cromătoate 5 ≥ 0.1 — niciuna nu citește gri
Separare daltonismcea mai slabă pereche adiacentă ΔE 9.0 (protan)
Prag vedere normalăcea mai slabă pereche ΔE 21.9
Contrast pe bej-0toate 5 ≥ 3:1

Rulate cu un validator, nu estimate. Bono e light-only prin design, deci setul e validat pe o singură suprafață — --c-bej-0.

Întrebarea deschisă

WIP — de decis când apare primul grafic real. Familia de status a Bono (verde, chihlimbar, roșu, magenta, periwinkle) ocupă atât de mult din roata de culoare la banda asta de luminozitate încât cea mai bună separare posibilă între o serie și un status e ~ΔE 15 — am căutat toată roata ca să verific. Cel mai apropiat caz aici: --chart-3 (indigo) față de --c-read (periwinkle), ΔE 9.5.

Cele două nu apar niciodată în același rol — --c-read e fill de badge pentru „citit”, nu culoare de serie — deci nu e o coliziune de tokeni. Dar înseamnă ceva pentru cum se citesc graficele:

  • Orice grafic poartă legendă ȘI etichete directe. Culoarea singură nu poate purta identitatea într-un sistem în care paleta de status ocupă vecinătatea.
  • Verdele lipsește deliberat. Primul candidat pentru slotul 5 era un verde la ΔE 2.6 de --c-success — s-ar fi citit ca „bine”, nu ca „a cincea categorie”.
  • De decis: dacă seriile se separă de status prin luminozitate (o bandă proprie, mai deschisă sau mai închisă), sau dacă cinci sloturi sunt oricum mai multe decât are nevoie un ecran Bono.