block by micahstubbs 6abab1f0915ccab28d4ad7ba6cb30084

Chatty Map II

Full Screen

Click on a country.


an iteration on the delightful Chatty Map from @martgnz

this is the world map I always wanted when I was a kid studying for the Geography Bee

the script tag that includes babel on the page is from the bl.ock ES2015 Sequences Sunburst

localized country names are sourced from the i18n-iso-countries project by @hellomichibye. want to add your language? just translate this list of country names and send michaelwittig a pull request!

the map itself is drawn with spam.js, a small library for to declaratively creating modern Canvas maps with D3. spam.js makes it easy to create static or zoomable maps with automatic projection and retina resolution.

oh and the voices? the voices you ask? they’re from http://responsivevoice.org/ API docs source code

index.html

ar.js

console.js

countries-iso-3155-1-alpha-2.js

countriesAlpha2.js

de.js

es.js

et.js

extendedCountryCodes.js

fi.js

fr.js

nl.js

pt.js

rbush.min.js

spam.min.js

sv.js

topojson.min.js