Datová vizualizace 2026 Funkční prototyp

Avenier: epidemiologická mapa

Interaktivní mapa, která převádí regionální data do srozumitelného přehledu a exportovatelného výstupu.

Avenier: epidemiologická mapa — ukázka 1

Od problému k používanému řešení

Mapový nástroj nad daty o Česku, určený pro prohlížení, filtrování a sdílení geografického pohledu na epidemiologická data.

3 režimy zobrazení

Běžný, embed a embed-full.

Local uložení nastavení

Bez nutnosti přihlášení.

D3 mapová vrstva

Geografická data a vizualizace jsou oddělené od UI.

Stav projektu a moje role

Stav projektu

Projekt je stále ve vývoji. Studie proto ukazuje hotové části, návrhová rozhodnutí a otázky, které ještě ověřuji — ne výsledky z veřejného provozu.

Co bylo v mém rozsahu

  • Připravil jsem produktový rámec pro čtení regionálních dat.
  • Navrhl jsem zobrazení a režimy použití mimo samotnou aplikaci.
  • Propojil jsem mapovou vrstvu, filtrování a exportní scénáře.
01

Co bylo potřeba vyřešit

Tabulka s okresy a hodnotami se porovnává pomalu. Cílem bylo dát uživateli rychlý vizuální kontext bez ztráty kontroly nad zdrojem a exportem.

02

Jak jsem k projektu přistoupil

Pracoval jsem s D3, GeoJSON a jasnými režimy zobrazení. Nastavení uživatele zůstává lokálně v prohlížeči, aby se prototyp dal používat bez účtu.

03

Co vzniklo

React/Vite aplikace s mapou, filtry, zobrazením na celou obrazovku i vložitelnými režimy a podporou exportu.

Co mě na tom překvapilo

01 GeoJSON

Data mají vlastní geografickou vrstvu

Mapa nestojí na ručně kresleném podkladu, ale na strukturovaných geografických datech.

02 Embed

Výstup nemusí zůstat v aplikaci

Nástroj počítá s vložením do dalšího digitálního obsahu.

03 Export

Vizualizace končí použitelným výstupem

Součástí řešení je i předání výsledku mimo prohlížeč.

Za co jsem v projektu odpovídal

Tady odděluji, co jsem v projektu skutečně navrhl, postavil nebo rozhodl. Výsledek je důležitý, ale stejně podstatná je odpovědnost, kterou jsem při cestě k němu převzal.

  1. 01

    Připravil jsem produktový rámec pro čtení regionálních dat.

  2. 02

    Navrhl jsem zobrazení a režimy použití mimo samotnou aplikaci.

  3. 03

    Propojil jsem mapovou vrstvu, filtrování a exportní scénáře.

Co je na projektu doložitelné

01

Použitelný prototyp datové mapy.

02

Ukázka práce s geografickými daty a srozumitelnou vizualizací.

Kompetence viditelné na projektu

Datová vizualizace UX návrh Prototypování D3

Technický a pracovní základ

React Vite D3 GeoJSON localStorage
Digital Product Specialist Business Analyst

Hodí se vám do týmu podobný způsob práce?

Rád se rychle ponořím do nového kontextu, položím otázky a pomohu dostat nejasný problém k řešení, které lze vyzkoušet. Hledám dlouhodobou roli, ve které mohu převzít konkrétní odpovědnost a sledovat dopad v čase.