Állítás és forma
Egy grafikon kiemel egy összehasonlítást, háttérbe tol egy másikat, megad egy léptéket, sorrendet, színt, címet és kezdőpontot. Ezek szerkesztési döntések. Ugyanabból az adatból más történet lesz, ha trendet, rangsort, összetételt, eltérést vagy bizonytalanságot kell mutatni.
A vizuális forma előtt az állításnak kell tisztának lennie: mi változik, mihez képest, mekkora az eltérés, pontos érték kell-e vagy elég az irány. A grafikon innen indul, nem a charttípus listából.
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. Százalékos változást állító cím mellé nem elég egy abszolút értékű grafikon magyarázat nélkül. Millió főben skálázott népességi ábránál a kerekítés nem takarhat el lényeges különbséget. Hiányzó adatnál a vonal nem futhat tovább csendben.
Skála és tengely
A tengely értelmezési döntés. 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 oszlopdiagram kategóriák közti nagyságrendet. A sávdiagram ugyanennek vízszintes változata, hosszú kategórianévvel vagy rangsorral gyakran olvashatóbb. A pontdiagram / dot plot kategóriákat helyez el egy mennyiségi tengelyen. A szórásdiagram / scatter plot két kvantitatív változó kapcsolatát és szórását mutatja. A small multiples több sorozat alakját teszi összevethetővé: ugyanaz a grafikon ismétlődik több országra, városra vagy csoportra. 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 dolgozik jól, ha a vizuális munka arányban áll a kapott jelentéssel. Pontos sorrendhez a buborékterület rossz üzlet. Trendalakhoz két végpont kevés. Időben változó összetételnél a stacked area chart mutathat szerkezetet, de elrejtheti az abszolút növekedést. Bizonytalan adatnál a tiszta vonal túl magabiztosnak tűnhet.
Cím és szöveg
A cím adatállítást tesz, ezért ugyanannyi kontrollt kér, mint a tengely vagy a skála. 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 a lényeges döntést nevezi meg: skála, bázis, csoportosítás, kerekítés, hiányzó adat, cím vagy charttípus. Nem kell hosszúnak lennie, de az sem jó, ha a döntés neve hiányzik belőle.
Scrollytelling
Scrollytellingnél a szöveg normál dokumentumként görgethető, a grafikon pedig sticky felületként követi a történetet: a chart a képernyőn marad, miközben a bekezdések váltják a nézetet. Egyetlen Vizzu-példány alakul át az állapotok között, nem minden jelenetnél új grafikon töltődik be.
A slide itt egy rövid szövegegységhez tartozó grafikonállapot. Kerülni kell az újrarajzolást, a body scroll-lockot és minden olyan animációt, amely elveszi az irányítást. Szűk tengely után jöhet transzformált nézet. Teljes skála után index. Idősor után végpont. A váltás akkor erős, ha láthatóvá teszi, mi marad azonos és mi változik.
Akadálymentesség
Hozzáférhető grafikonhoz több réteg kellhet: rövid azonosítás, strukturált leírás, adatforrás, táblázat, keyboard működés, hover nélküli értékelérés, fallback tartalom, megfelelő kontraszt és reduced-motion.
A szín mellé kellhet pozíció, forma, címke vagy minta. Hover nem lehet az egyetlen út a pontos értékhez, és a táblázatnak tartalmi szerepe van, ha konkrét számokra épül az állítás. Interaktív chartnál a fókuszállapotnak és a jelenetváltásnak ugyanazt az adatállítást kell hordoznia, mint a vizuális nézetnek. aria-live akkor indokolt, ha a változás rövid, állapotszerű összefoglalóval jól közölhető; hosszabb vagy strukturált változáshoz külön tartalom kell.
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 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 döntik el, hogy a grafikon elemzés marad-e, vagy retorikai eszközzé válik.
Fejlesztői jegyzetek
Ez már nem szerkesztési, hanem működési réteg. A célja nem új állítás hozzáadása, hanem az, hogy a publikált forma stabil maradjon: 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 pedig nem másodrendű verzió.
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.