Skip to content

ishantsolanki/d3-explore

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This project was bootstrapped with Create React App.

Checkout the demo video at https://share.getcloudapp.com/Z4uLE56K

Available Scripts

After cloning the repo, follow the general steps.

yarn

Installs the required dependencies

yarn start

Runs the app

Foursquare

You will need fourSquare credentials for running the simulation. Create your account for free at https://developer.foursquare.com

Running the simulation

Enter the clientId and clientSecret provided from fourSquare. Enter the search query in the venue field and select a restaurant from the autocomplete suggestions. This will search venues around london. So look for your favourite restaurants around london. Mine is Dishoom.

Once selected, the start simulation button is enabled. Click on the button and enjoy the simulation.

You can pause the simulation at any point by pressing the spacebar or clicking the pause simulation button. And continue again by clicking on play simulation.

Hover on the nodes to see the name of the restaurant.

Ofcourse, You can drag the nodes around.

The color of the nodes represent where its located.
red - Restaurants in the north
green - Restaurants in the east
blue - Restaurants in the west
orange - Restaurants in the south
Black - Restaurant location not found

Interesting restaurants for simulation

  • Search for any cafe to see a graph of ever expanding nodes
  • Search 'Grosvenor Casino' to see a graph of closely similar casinos that creates a nice glob of tightly knit restaurants. (Maybe there arent that many casinos in london)

alt casino

  • Search for 'Burger King' and you will see very few other similar takeaway restaurants.

alt text

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 89.7%
  • HTML 7.7%
  • CSS 2.6%