Last Updated: December 16th, 2020
A Vue web app which renders a population api into a visual bar graph.
1.) git clone
2.) npm install
3.) npm run app (open http://localhost:8080/ for front-end, http://localhost:3000/data/ for back-end)
In docs:
This was a great exercise to test my knowledge of Vue's reactivity & components. I spent the first half of my time trying to work with the CSV to JSON data issued by John Snow Labs. I couldn't figure out how to parse Year_ + date through an Axios call / Vue event so that only the date would loop through to match the user's selectedDate. This is when I did a 180: I restructured the JSON data into a proper api. It became much easier to work with the data.
If I could do this exercise all over again, here is what I would do differently:
- Start by normalizing the data using a Python script
- Structure the data differently, so that...
- ...each
li.country-namewouldn't propagate multiple times, just once - Doing that would have made it easier to render CSS animations of the bar graph based upon the
data-value&width
- Backwards compatibility
Billimarie Lubiano Robinson