Reference / Vývoj

Datové vizualizace covid-19 pro TN.cz

Za dva dny data pro 1,5 mil. návštěvníků. Portál tn.cz patří mezi nejnavštěvovanější zpravodajské weby v České republice, a proto je pro něj vizualizace aktuálních dat související s epidemií covid-19 zásadní. Provedli jsme rychlou analýzu veřejně dostupných datových zdrojů a během dvou dnů dodali řešení, které návštěvníkům přináší srozumitelný přehled o průběhu epidemie v ČR i ve světě.

Klient: TN.cz Rok: 2020 Typ: Datové vizualizace pro zpravodajský portál
[screenshot: celkový pohled na datové vizualizace covid-19 na portálu TN.cz]
1,5 mil.

návštěv měsíčně

2 dny

od zadání po nasazení

Real-time

automatická aktualizace dat

Za dva dny data pro1,5 mil. návštěvníků

Portál tn.cz patří mezi nejnavštěvovanější zpravodajské weby v České republice (1,5 mil. návštěv měsíčně), a proto je pro něj vizualizace aktuálních dat související s epidemií covid-19 zásadní.

S tím je spojená i velká zodpovědnost, protože v průběhu krize představují média pro občany ČR hlavní zdroj kvalitních a nezkreslených informací.

Redakce tn.cz nás oslovila s prosbou expresního dodání vizualizací datových sad o aktuálním šíření koronaviru. Podmínkou bylo, aby zpracované výstupy v podobě interaktivních grafů mohly být ihned aplikovány na portálu tn.cz bez potřeby zásahů do kódu webu.

[screenshot: přehled epidemie covid-19 na TN.cz]
[screenshot: analýza datových zdrojů a testování funkčnosti]

Rychlá analýzaa expresní dodání

Provedli jsme rychlou analýzu veřejně dostupných datových zdrojů, otestovali jejich funkčnost a identifikovali možnosti, jak grafy na portál tn.cz vložit.

Během dvou dnů jsme měli řešení, které návštěvníkům přináší srozumitelný přehled o průběhu epidemie v ČR i ve světě. Přehled je doplněn i o další demografické ukazatele a křivky vývoje počtu nakažených.

Vývoj počtupozitivně testovaných

Jednou z klíčových vizualizací byl interaktivní graf vývoje počtu pozitivně testovaných. Uživatelé mohli sledovat denní přírůstky i kumulativní vývoj na celorepublikové úrovni.

Data se aktualizovala automaticky z veřejných zdrojů, aby portál vždy zobrazoval nejaktuálnější informace bez nutnosti manuálních zásahů redakce.

[screenshot: graf vývoje počtu pozitivně testovaných]
[screenshot: interaktivní mapa nakažených podle okresů]

Aktuální mapanakažených podle okresů

Interaktivní mapa umožňovala návštěvníkům zjistit aktuální situaci v jejich regionu. Vizualizace pokrývala rozložení nakažených podle okresů i demografické údaje, jako je rozdělení nakažených podle pohlaví a věku.

Dále jsme zpracovali vizualizace vývoje počtu hospitalizovaných s covidem a porovnání vývoje počtu nakažených oproti úmrtím.

Přehled očkovánía hospitalizací v ČR

S postupem epidemie jsme vizualizace rozšířili o přehled očkování v ČR a podíl hospitalizovaných osob na celkovém počtu osob s aktuálně aktivním onemocněním.

Všechny vizualizace byly navrženy tak, aby mohly být ihned vloženy na portál tn.cz bez potřeby zásahů do kódu webu, což redakci umožňovalo flexibilně reagovat na vývoj situace.

[screenshot: přehled očkování a podíl hospitalizovaných v ČR]

Jak jsme postupovali

Expresní dodání interaktivních vizualizací pro nejnavštěvovanější zpravodajský portál v ČR.

Chci konzultaci
1

Analýza veřejně dostupných datových zdrojů

Provedli jsme rychlou analýzu veřejně dostupných datových zdrojů o šíření koronaviru, otestovali jejich funkčnost a identifikovali možnosti integrace na portál tn.cz.

2

Návrh a vývoj interaktivních vizualizací

Navrhli a vyvinuli jsme sadu interaktivních grafů, map a přehledů, které zpracovávají data z veřejných zdrojů v reálném čase a prezentují je srozumitelnou formou.

3

Optimalizace pro vysokou zátěž

Řešení jsme optimalizovali pro miliony návštěv měsíčně. Vizualizace jsou navrženy tak, aby mohly být vloženy na portál bez zásahů do kódu webu.

4

Nasazení a průběžné rozšiřování

Během dvou dnů od zadání bylo řešení nasazeno na portálu tn.cz. S postupem epidemie jsme vizualizace průběžně rozšiřovali o očkování, hospitalizace a další ukazatele.

React
React
PHP
PHP
Symfony
Symfony
Docker
Docker
HTML 5
HTML 5
TypeScript
TypeScript

Použité technologie

Datové vizualizace pro TN.cz jsou postaveny na Reactu pro interaktivní grafy s backendem v PHP a frameworku Symfony. Řešení je kontejnerizované v Dockeru a optimalizované pro vysokou zátěž zpravodajského portálu s 1,5 mil. návštěv měsíčně.