It is built on two code examples and some D3 parsing:
- 3D-globe with country lines (threejs)
- Coloring individual countries on map (D3)
Four data files are used:
world-50m.json
contains country geometry, and country IDsiso_3166.csv
is used to map country IDs to country namesworld_languages_parsed.csv
is a semi-manually parsed file mapping countries to their official languagekhan_translation_information.csv
contains KhanAcademy translation rate information
So. The data is mapped in the following way:
- IDs for each country is received from the geometry. These IDs are then mapped to country names.
- Each country name is mapped to its language and that is used to retrieve its translation percentage.
Translation percentage is then visualized using a gradient scale.