Skip to content
maksim zaytsev
Projekty

2024 · React · TypeScript · D3.js · Node.js

Světová geografie

Interaktivní mapy pro zkoumání geografických a ekonomických dat podle zemí a regionů.

Co dělá

Zobrazuje data po zemích a regionech — populace, HDP, obchodní toky, cokoliv zdroj nabízí — jako interaktivní choroplety a bublinové mapy. Uživatel zvolí ukazatel a rok a mapa se přebarví s plynulým přechodem místo tvrdého řezu. Najetím na region se otevře malý panel s podkladovými čísly a krátkou časovou řadou, takže mapa je vstupní branou do dat, ne celým příběhem.

Jak je postavený

Frontend v Reactu a TypeScriptu, D3.js má na starosti projekci, škály a generování cest — React vlastní DOM, D3 pouze počítá geometrii a barvu. Malá služba v Node.js při buildu sjednotí data z několika veřejných zdrojů do jednoho schématu, takže klient nemusí za běhu řešit neshodující se kódy zemí. Hranice jsou zjednodušené na odlehčený topojson, aby zůstala velikost dat rozumná i při menším přiblížení.

  • Aktualizace dat je ruční spuštění skriptu, ne živý pipeline