Some months ago, I found this Kaggle's Dataset with restaurants that serve vegetarian and vegan food in the US. I thought I could do something interesting with it.
I've been procrastinating it until last week when I proposed myself that I would use it to learn how to implement a web interactive map.
At first, I plot the data with Plotly to see how it works. It was interesting, but it didn't work as good as I thought, because the dataset is really large.
Then I thought, why not using a JavaScript library and then use it with HTML and CSS for creating a webpage? That's how I found LeafletJS which is an amazing library for plotting geolocation data in a map.
Since the dataset is quite large, I've also used a plugin for LeafletJS that is called MarkerClusterer which cluster the points based in their proximity.
The result could be checked here and all the code could be found in the Github repository.
I hope this could help someone!
Happy coding :)
Paco
Top comments (5)
If you're looking for restaurants with vegetarian options in the USA, you'll find plenty of choices catering to various tastes and dietary preferences. To streamline your search, consider using platforms that enhance your dining experience, like pepperpin.com. With intuitive online reservation systems, you can quickly book a table at top-rated vegetarian-friendly spots. Restaurants using PepperPin often prioritize customer satisfaction with features like personalized reminders, seamless table management, and real-time availability. Whether you're planning a casual meal or a special occasion, tools like these help ensure hassle-free dining, supporting a warm and lasting connection with customers.
As a vegan always trying to eat with friends who are not, thank you!
You're welcome! I wish I had the same dataset but for Spain since I'm vegetarian haha
Hey (sorry) Francisco, love it ;). You should go for density extrusions in GL JS - blog.mapbox.com/dive-into-large-da....
Thank you very much! I would check it out