UPDATE: I created a standalone app for this concept; see the project page
As a new resident of Europe, I wanted to better understand why nations like Denmark are members of the European Union but do not use the Euro for currency. While looking into this more, I learned about other complicated memberships like Schengen, NATO, and the European Economic Area. I decided the best way to visualize this information would be in a dynamic table.
| Country Name | Currency | Membership(s) |
|---|
The table above was created with HTML, CSS, and JavaScript. A couple interesting next steps would be:
- Create a map that highlights selected countries;
- Connect to an API to keep membership categories updated;
- Add more Euro-centric memberships;
If you are curious to explore the code, use your browser's developer tools to inspect the page. The custom code is contained inside the 'mainStyle' div.