Observable je platforma na tvorbu interaktívnych vizualizácií a dátových zošitov, ktorá vyrástla z prostredia webových technológií a jazyka JavaScript. Je to miesto, kde sa dáta, kód a grafy spájajú do stránok, v ktorých sa čitateľ môže posúvať posuvníkmi, filtrovať a skúmať. Ak ste videli pútavý interaktívny graf v dátovej žurnalistike, podobné diela vznikajú práve v takýchto nástrojoch.
Toto nie je nástroj na jedno kliknutie. Je to tvorivé prostredie pre ľudí, ktorí chcú mať nad vizualizáciou plnú kontrolu a nevadí im pracovať s kódom, alebo sa k nemu chcú dopracovať.
Čo je Observable a pre koho je určený
Observable je zošit a zároveň prostredie na publikovanie vizualizácií. Hlavnou cieľovou skupinou sú ľudia, ktorí poznajú alebo sa učia webové technológie: dátoví novinári, vývojári, vizualizační špecialisti, analytici s programátorským zázemím a vzdelávatelia. Využijú ho tí, ktorí chcú viac než štandardné grafy z hotových šablón.
Pre redakcie je zaujímavý ako spôsob, ako pripraviť interaktívny graf do článku, ktorý čitateľ sám skúma. Pre tímy v podnikoch zase ako nástroj na vlastné interaktívne prehľady, ktoré sa nedajú zostaviť v štandardných reportingových nástrojoch.
Ako Observable funguje
Zošit sa skladá z buniek, ktoré obsahujú výrazy a kód. Pri zmene jednej hodnoty sa automaticky prepočítajú bunky, ktoré od nej závisia, podobne ako v tabuľkovom editore. Vďaka tomu je veľmi prirodzené vytvárať interaktívne prvky: posuvník zmení hodnotu a graf sa okamžite prekreslí.
Grafy sa kreslia pomocou knižníc, z ktorých je známa napríklad D3, a súčasťou ekosystému je aj jednoduchší prístup k bežným grafom. Dáta načítate zo súborov alebo z webových zdrojov. Hotové zošity môžete zdieľať, vkladať do iných stránok a stavať z nich väčšie dátové projekty. Podporu pre asistenta umelej inteligencie a ďalšie funkcie platformy si overte na oficiálnom webe, keďže sa vyvíjajú.
Na čo ho použiť
- Interaktívny graf do článku. Čitateľ zvolí obdobie alebo krajinu a graf sa prispôsobí.
- Vizualizácia verejných dát. Rozpočty, štatistiky alebo výsledky volieb vo forme mapy či animácie.
- Vysvetľovanie konceptov. Interaktívne ukážky pre vzdelávanie, kde si žiak môže meniť parametre.
- Prieskum dát. Rýchle skúšanie rôznych pohľadov na dáta počas analýzy.
- Prototyp dashboardu. Overenie nápadu skôr, než sa postaví do väčšieho systému.
- Vlastná vizualizácia pre špecifickú potrebu, ktorú hotové nástroje nepokrývajú.
Ako začať krok za krokom
Najlepší spôsob je upraviť existujúci príklad, nie písať všetko od nuly.
- Na oficiálnom webe si prezrite ponúkané ukážkové zošity a vyberte jednoduchý graf.
- Zaregistrujte sa a vytvorte vlastnú kópiu zvoleného zošita.
- Nahraďte dáta vlastným malým súborom a sledujte, ako sa graf zmení.
- Upravte jednoduché parametre, ako farby, popisy a rozmery.
- Pridajte ovládací prvok, napríklad výber kategórie, a prepojte ho s grafom.
- Skúste graf publikovať alebo vložiť do stránky a pozrite si ho na telefóne.
- Postupne sa učte základy jazyka, aby ste vedeli robiť vlastné úpravy.
Tipy pre lepšie výsledky
- Začnite od jednoduchého. Kvalitný jasný graf je lepší než zložitá animácia.
- Používajte čisté dáta v prehľadnej štruktúre, najlepšie v tvare riadok na pozorovanie.
- Zameriavajte sa na to, čo má čitateľ pochopiť, nie na efekt.
- Pridajte popisy a zdroj dát, aby bol graf dôveryhodný.
- Myslite na prístupnosť: kontrast farieb, čitateľné písmo a alternatívny popis.
- Testujte na malých obrazovkách, mobilný čitateľ je dnes bežný.
Interaktivita s mierou
Posuvníky a filtre majú zmysel, keď pomáhajú odpovedať na otázku. Ak ich je priveľa, čitateľ sa stratí. Zvoľte dva alebo tri ovládacie prvky a dobre ich pomenujte.
Obmedzenia a riziká
Najväčšou prekážkou je potreba kódu. Bez základov webových technológií budete postupovať pomaly. Asistent umelej inteligencie môže pomôcť, no jeho kód treba kontrolovať a rozumieť mu.
Pri zverejňovaní dbajte na súkromie. Zošit, ktorý je verejne dostupný, môže odhaliť dáta, ktoré ste do neho nahrali, vrátane súkromných častí, ak ich nechtiac necháte v kóde. Pred publikovaním si skontrolujte, čo všetko zošit obsahuje. Osobné údaje do verejných zošitov nepatria.
Pozor na autorské práva a licencie dát. Ak vizualizujete cudzie dáta, overte si, za akých podmienok ich môžete zobraziť a či musíte uviesť zdroj. Aktuálne podmienky platformy a plány nájdete na oficiálnom webe.
Pre koho nie je vhodný
Observable nie je ideálny pre manažéra, ktorý potrebuje rýchly report bez kódovania. Pre neho je vhodnejšie Looker Studio alebo Power BI. Nehodí sa ani na čisto štatistické modelovanie alebo strojové učenie, kde sú praktickejšie zošity pre Python, napríklad Jupyter alebo Google Colab.
Zvážte aj údržbu. Vlastná vizualizácia vyžaduje niekoho, kto jej rozumie, ak sa dáta alebo požiadavky zmenia.
Praktický príklad z dátovej žurnalistiky
Redakcia pripravuje článok o vývoji cien v rôznych regiónoch. Namiesto statického obrázku vytvorí interaktívny graf. Čitateľ si vyberie región, posunie posuvník na obdobie a graf sa prekreslí. Pod grafom je krátky text s vysvetlením a odkazom na zdroj dát. Takýto prvok čitateľa zaujme a zároveň mu dá možnosť nájsť si vlastnú odpoveď.
Príprava vyžaduje viac času než obyčajný graf, preto sa oplatí používať ho tam, kde interaktivita pridáva hodnotu. Jednoduchý porovnávací graf často stačí.
Ako zapadne do pracovného postupu
Observable zapadá do tvorivého procesu, v ktorom sa kombinuje práca s dátami a návrh vizualizácie. Dobrý postup je začať v zošite skúmaním dát, nájsť zaujímavý príbeh a až potom navrhnúť finálnu podobu grafu. Hotový zošit sa dá zdieľať s kolegami na pripomienky.
V redakcii alebo vo firme pomáha mať knižnicu overených komponentov, ktoré sa dajú znovu použiť. Ušetríte čas a zachováte jednotný vzhľad. Nezabudnite na dokumentáciu zdrojov dát: kde ich zverejnili, kedy ste ich stiahli a aké úpravy ste na nich urobili. Čitateľ aj kolega potom vedia, na čom je graf postavený.
Alternatívy z katalógu
Tableau ponúka vizuálnu tvorbu grafov bez kódu a je vhodné pre širší okruh analytikov. Power BI sa hodí na firemné reporty. Hex a Deepnote sú zošity s dôrazom na tímovú prácu a Python či SQL. Polymer môže poslúžiť, ak chcete rýchlo premeniť tabuľku na dashboard.
Časté otázky
Je Observable pre začiatočníkov?
Dá sa začať s hotovými príkladmi, ale na samostatnú tvorbu je potrebné naučiť sa základy kódu. Počítajte so strmšou krivkou učenia.
V čom je lepší než Tableau?
Poskytuje väčšiu voľnosť pri tvorbe vlastných interaktívnych grafov. Tableau je rýchlejšie pri štandardných prehľadoch bez programovania.
Môžem graf vložiť na vlastný web?
Zošity a vizualizácie sa dajú zdieľať a vkladať, podrobnosti nájdete v dokumentácii platformy. Pri vkladaní dbajte na ochranu dát.
Hodí sa pre redakciu?
Áno, ak má redakcia človeka so záujmom o kód a dátovú vizualizáciu. Pre rutinné grafy môže stačiť jednoduchší nástroj.