DynamicD3: Vizualizace dat pomocí D3.js

DynamicD3

Sloupcové grafy

Tento sloupcový graf je vizualizace dat vytvořená pomocí D3.js a MUI. Zobrazuje počet operací v nemocnici v USA rozdělený podle postiženého orgánu. Po výběru přepínače "Všechny tři" mohou uživatelé porovnávat celkový počet operací v jednotlivých letech, k čemuž slouží legenda. Je však obtížnější porovnávat jednotlivé hodnoty mezi jednotlivými roky, protože příslušné sloupce nejsou v jedné linii. Proto jsme přidali možnost vybrat kterýkoli ze tří orgánů samostatně. Díky tomu je mnohem snazší zaměřit se na jeden soubor dat a porovnávat hodnoty.

Pomocí D3.js je možné vytvářet různé sloupcové grafy s více daty: například namísto toho, aby byly hodnoty naskládány nad sebou, mohou být vedle sebe. To usnadňuje porovnávání hodnot v rámci stejné datové sady, ale ztěžuje porovnávání celkových hodnot.

Sloupcové grafy s proměnlivou šířkou, někdy nazývané variabilní sloupcové grafy, jsou sloupcové grafy s nestejnou šířkou sloupců. Můžeme například zobrazit HDP různých zemí tak, že použijeme výšku sloupců, která představuje HDP na obyvatele, a šířku sloupce, která představuje počet obyvatel. Plocha by pak představovala celkový HDP.

Graf obsahuje také datovou mřížku pro snadné zadávání dat. Data pro vizualizaci dat v D3.js mohou být v místním souboru JSON nebo CSV. Pokud se však často mění nebo je musí aktualizovat neškolený personál, je datová mřížka pohodlnější. Ta funguje podobně jako tabulka aplikace Excel, s řádky a sloupci pro data. Data jsou obvykle propojena s externí databází, kterou pro vás můžeme nastavit: další výhodou je, že vaše data lze snadno a bezpečně zálohovat. Další podrobnosti naleznete v části Doplňky a informace o nákladech v části Ceny.

Náklady na sloupcový graf značně závisí na tom, do jaké míry lze vizualizaci dat vytvořit přímo v D3.js, nebo zda musí být kódována na zakázku. Doplňky, jako jsou tipy nástrojů, vlastní animace a podobně, sice trochu zvýší náklady, ale výrazně zlepší uživatelský zážitek. Obecnou představu vám poskytne stránka Ceny. Kontaktujte nás však, abychom s vámi mohli zdarma probrat, co je pro vás nejvýhodnější.


Obnovení stránky pro aktualizaci dat.