Have you ever wanted to see a geographic representation of how global currencies have fared against each other? Have you wanted to see cryptocurrencies such as Bitcoin and Ether alongside them represented as “crypto islands”? Great! We’ve made just the thing for you.
We combined geography, cryptocurrencies, and foreign exchange into one neat little visualisation.
Check it out at http://geocryptografx.shapelabs.co/. Select a base currency from the dropdown, and the map will display gains and losses as a choropleth map, where green shows that the currency associated with the country shown has gained against the base currency, and red shows that the associated currency has lost against the base currency. Hover over each country for more detailed information.
If you have come across Shape before you will know that experimenting and using modern technologies to bring our ideas (big and small!) to life is a core part of our DNA.
To build geocryptografx, we used:
- for design: Sketch and Figma
- for the front-end webapp: React, Next.js, react-simple-maps, and Apollo (GraphQL)
- for geographic data: Natural Earth’s TopoJSON resources
- for country / currency data: ISO 3166 and ISO 4217, via https://datahub.io/core/country-codes
- for exchange rate data — Nomics
- for the back-end: Node.js and Apollo (GraphQL)
- for analytics — Google Analytics
- for hosting — Heroku