Visualization of what people google:
For each country (or state) it renders top Google autocomplete results as a map.
Currently it renders answers for the following questions:
- Why is [country name] ... ?
- Why does [country name] ... ?
- Can [country name] ... ?
- Does [country name] ... ?
- How [country name] ... ?
- [country name] is not ...
- When will [country name] ...
Play with it here:
If you want to have your own question rendered - open issue here.
How it is made?
For each name, I collected top 10 autosuggestions from Google. I use topojson and D3 to render map.
You can explore source code starting from the
Below is a little bit more context.
Google has removed its
autosuggestion API, so the data is pre-computed offline and stored into
You can read more about available workaround here. The "workaround" is not built into the website, since Google may block your browser if you use "workaround" aggressively.
I'm using trimmed-down topojson file from this stackoverflow thread. The file has only States outline, and does not include counties, which allows me to save space.
I didn't want to use any UI-level libraries (like React or vue.js), mostly because the UI
is super simple. All view-layer code can be found in
NOTE: I implemented the USA map first, and then couldn't wait to see how world map would look like. As a result I sacrificed quality for time. The code is dirtier than I would like it to be. Hope to clean it later.
The hosting and CI is provided by netlify.com - it's free for open source and very easy to use.