This data dashboard is based on the world's 50 best restaurants. It is based on the ranking of the restaurants from 1 to 50.
- As a user, I want to learn more about what are the best restaurants around the world .
- As a user, I want to use the dropdown menu to click on a number and view a restaurant.
- As a user, I want to learn what country and city the restaurant is based in.
- As a user, I want to know the restaurant's name and where it is ranked from 1 - 50.
- As a user, I want to be able to click on the different diagrams to explore the website and it's interactivity.
- Selector for the rankings.
- Three pie charts based on location, city and restaurant names.
- Bar Chart based on countries.
The dashboard was tested using Jasmine Testing Framework https://jasmine.github.io/index.html You can navigate easily through the site by clicking on the different charts. The main one would be to using the ranking selector.
- I set up Github Desktop on my account.
- I published my site from the master branch by going to my repository and going into "Settings". I clicked master as my source and saved it.
- My site is now published at https://ainedoyle.github.io/2nd-milestone/
The technologies used were:
- HTML
- For the front-end of the project
- CSS
- To style the project
- Bootstrap
- For the project to be responsive
- Javascript
- For building interaction
- D3.js
- Javascript library for visualizing data
- Crossfilter
- Javascript library for interaction with data
Content
https://www.kaggle.com/mmayur/the-worlds-50-best-restaurants
https://blog.udemy.com/javascript-page-refresh/
Media
Acknowledgements
I received inspiration for this project from my Code Institute course