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.

1. Selector for the rankings.
2. Three pie charts based on location, city and restaurant names.
3. 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.

1. I set up Github Desktop on my account.
2. 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.
3. 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://stackoverflow.com/

https://blog.udemy.com/javascript-page-refresh/

https://www.w3schools.com/

https://d3js.org/

Media

https://pixabay.com/en/

Acknowledgements

I received inspiration for this project from my Code Institute course