Single country rendering flow

1. get country code from url: /map/country/br

2. call api's to get statistics & map dots: - /api/statistics/country/country code/daily-stat/?date__gte=week start&date__lte=week end&page_size=all - daily speed graph - /api/statistics/country/country code/weekly-stat/year/week no/ - selected week statistics - /api/locations/countries/country code/ - country general data - /api/locations/countries/country code/schools/ - country schools list

3. on country general data receiving, map boundaries are being updated with more details (original boundaries from countries list are approximated to be more lightweight)

4. when schools list is received, they are being processed one by one to map their coordinates and color based on data in response

5. school points are being rendered on the map using information from previous step

all requests are running in parallel

3MB

Screencast-2021-08-25_13.45.53.webm

brazil live loading process