A chart állít valamit

Egy grafikon mindig választ. Kiemel egy összehasonlítást, háttérbe tol egy másikat, megad egy léptéket, sorrendet, színt, címet, kezdőpontot. Ezek nem díszítő részletek. Ugyanabból az adatból más történet lesz, ha trendet, rangsort, összetételt, eltérést vagy bizonytalanságot kell mutatni.

Ezért a vizuális forma nem indulhat a charttípussal. Előbb az állításnak kell tisztának lennie. Mi változik? Mihez képest? Mekkora az eltérés? Fontos a pontos érték, vagy elég az irány? Teljes nagyságrend számít, vagy egy részlet? A jó grafikon ezekre válaszol, nem arra, hogy melyik forma látványosabb.

Forrás, időszak, mértékegység

Az adat forrása nem lábjegyzet, hanem a grafikon része. Egy népességi idősor mást jelent becsült éves közepi értékként, hivatalos népszámlálási adatként vagy előrejelzésként. Egy gazdasági mutató mást mond nominális értéken, reálértéken, egy főre vetítve vagy vásárlóerő-paritáson.

A forrás mellett az időszak és a mértékegység is látszik. Ha a cím százalékos változást állít, a chart nem maradhat abszolút értékű magyarázat nélkül. Ha a grafikon millió főben skáláz, a kerekítés nem takarhat el lényeges különbséget. Ha hiányzik adat, az nem tűnhet el csendben a vonalból.

Skála és tengely

A tengely nem háttérelem. Egy nulláról induló skála a teljes nagyságrendet mutatja, egy szűkített skála a kis elmozdulásokat nagyítja fel. Egyik sem automatikusan korrekt vagy hibás. A kérdés az, hogy a tengely ugyanazt az értelmezést támogatja-e, amit a cím és a kísérőszöveg állít.

Oszlopdiagramnál az abszolút mennyiséget a hasáb hossza kódolja, ezért a nullabázis erős szakmai alapelv. Vonaldiagramnál a szűkített skála védhető lehet, ha trendrészletet kell megmutatni, de a határnak látszania kell. Indexált nézetnél a bázis nem lehet rejtett feltételezés. Logaritmikus skálánál világosnak kell lennie, hogy arányok, nem abszolút távolságok kerülnek előtérbe.

Chartválasztás

A vonal időbeli pályát mutat. Az oszlop kategóriák közti nagyságrendet. A pontdiagram kapcsolatot és szórást. A small multiple több sorozat alakját teszi összevethetővé. A térkép területi mintázatot ad, de könnyen túl nagy súlyt ad a nagy felületű, kevésbé népes régióknak. A kördiagram csak kevés, jól elkülönülő aránynál marad pontos.

A forma akkor jó, ha a vizuális munka arányban áll a kapott jelentéssel. Ha pontos sorrend kell, a buborékterület rossz üzlet. Ha trendalak kell, két végpont kevés. Ha összetétel változik időben, a százalékos stacked area mutathat szerkezetet, de elrejtheti az abszolút növekedést. Ha bizonytalanság van az adatban, a tiszta vonal túl magabiztosnak tűnhet.

Cím és szöveg

A cím nem reklámsor. A cím adatállítást tesz. Egy erős cím lehet éles, de nem állíthat többet, mint amit a grafikon alátámaszt. A „bezuhant” és a „4,38%-kal csökkent” nem ugyanaz a mondat. Az egyik hangulatot ad, a másik mértéket.

A kísérőszöveg nem magyarázkodás. Nem azt kell elmondania, hogy miért készült az ábra, hanem azt, hol van a lényeges döntés: a skálában, a bázisban, a csoportosításban, a kerekítésben, a hiányzó adatban, a címben vagy a charttípusban. A jó szöveg rövid, de nem üres. Pontos, de nem száraz.

Scrollytelling

A görgetés nem lehet csapda. A szöveg normál dokumentumként görgethető, a chart sticky felületként követi, és egyetlen Vizzu-példány morfol az állapotok között. Nincs slide-újrarajzolás, nincs body scroll-lock, nincs olyan animáció, amely elveszi az irányítást.

Egy jó vizuális történetben minden jelenet új döntést mutat. Szűk tengely után jöhet transzformált nézet. Teljes skála után index. Idősor után végpont. A jelenetváltásnak nem attól kell érdekesnek lennie, hogy mozog, hanem attól, hogy láthatóvá teszi, mi marad azonos és mi változik.

Akadálymentesség

A hozzáférhető chart nem egy hosszabb alt szöveg. Egy komplex grafikon gyakran több rétegből áll: rövid azonosítás, strukturált leírás, adatforrás, táblázat, billentyűzetes működés, hover nélküli fallback, megfelelő kontraszt és mozgáscsökkentett állapot.

A szín nem lehet az egyetlen kód. A hover nem lehet az egyetlen út. A táblázat nem melléklet, ha pontos értékek számítanak. Interaktív chartnál a fókuszállapotnak, a jelenetváltásnak és az aria-live összefoglalónak ugyanazt az adatállítást kell hordoznia, mint a vizuális nézetnek.

Ellenőrzés publikálás előtt

Publikálás előtt a chart több irányból kap kontrollt. A cím ugyanazt állítja-e, mint az adat? Látszik-e a forrás, az időszak és a mértékegység? Indokolt-e a skála? Van-e olyan kategória, amelyet a rendezés vagy a szín aránytalanul kiemel? Elérhető-e a pontos adat? Mobilon nem törik-e szét a történet ritmusa?

A hibák nagy része nem számítási hiba. Sokkal gyakrabban szerkesztési csúszás: rossz kezdőpont, túl hangos cím, félrevezető szín, elrejtett nevező, túl szűk viewport, túl hosszú animáció, hiányzó fallback. Ezek nem apróságok. Ezek döntik el, hogy a grafikon elemzés marad-e, vagy retorikai eszközzé válik.

Technológia

Astro statikus output, MDX tartalom, Content Collections, natív CSS és célzott kliensoldali JavaScript adja az alapot. A Vizzu runtime csak azon az oldalon kerül a bundle-be, ahol ténylegesen szükség van rá. A statikus felépítés gyors, könnyen archiválható, és jó alapot ad a keresőindexhez, RSS-hez, sitemaphez és kanonikus URL-ekhez.

A technológia itt nem önálló látványosság. Akkor működik, ha csendben tartja a szerkezetet. A cikk betölt, a chart nem takarja le a szöveget, a táblázat olvasható, a forrás elérhető, a reduced-motion mód nem másodrendű verzió. A forma addig érdekes, amíg pontosabbá teszi az állítást.