Interactive map and lists of fertility rates in 227 nations around the world, made with Mapbox and Vue.js. View working component.
Project meets general accessibility (WACG) and cross-browser requirements. More testing with a dedicated testing service would be helpful if deploying to production.
-
Default view of map.
-
Map with some rates selected, and Australia clicked.
-
Paginated nation rates.
-
Regional averages, and search (with results for Peru).
Clone down this repository. You will need node and npm installed globally on your machine.
Installation:
npm install
To Run Vue:
npm run dev
To Visit App:
Visit the localhost port displayed in the terminal after running npm run dev.
- Fertility data from the CIA's World Factbook.
- Readme guidance from Brenna Martenson.
- Linting guidance from ESLint and Stylelint.
- Design guidance from Google's Material Design.
- Map shading guidance from ColorBrewer.
- Fonts from Google Fonts.
- Fluid typography guidance from Utopia.
- Shields from Shields.