1 of 14

Information Visualization 2023

Tuesday 2023-03-14

European Taste Test

Rohan Harpalani rohanha@kth.se

Rebecca Jahns

rjahns@kth.se

Nikita Volynskiy

nikita@kth.se

Kriti Mathur

kritim@kth.se

Sathvik Perkari

sathvik@kth.se

2 of 14

Project Goals

  • Help tourists plan their trip by visualizing comparisons between restaurants and culinary cultures
  • Improve efficiency of deciding where to eat while considering multiple factors

​

European Taste Test

2

2023-03-14

1

1. https://www.frontiersin.org/articles/10.3389/fict.2017.00015/full Mouritsen, Stuart, Ahn, 2017

3 of 14

Users and Tasks

​

Alex → traveling to Amsterdam, Copenhagen and Hamburg all in 3 days, doesn’t know what type of cuisine to try, and has a strict budget

​

Alice → just moved to Dublin and wants to find the “good” restaurants that is vegan, makes more money than her brother

​

​

​

  • Comparing with different visualizations
  • Filtering & selecting criteria
  • Viewing geographical location

​

European Taste Test

3

2023-03-14

4 of 14

The Data

Kaggle dataset

name, city, cuisine, ranking, rating, price range, reviews

Web Scraped Data

MapQuest API to get Coordinates

​

​

​

European Taste Test

4

2023-03-14

5 of 14

The Data

European Taste Test

5

2023-03-14

Processed Hierarchical Data For Sunburst

Processed Flat Data For Map

6 of 14

BackEnd Development

European Taste Test

6

2023-03-14

Scraping

Csv reader

Cleaning, Pre-processing

Tile Layers

7 of 14

FrontEnd Development

European Taste Test

7

2023-03-14

.on()�.filter()

.nest()

.hierarchy()

.append()

8 of 14

Views And Interaction

European Taste Test

8

2023-03-14

9 of 14

Views And Interaction

European Taste Test

9

2023-03-14

10 of 14

Demographics

Tested with 8 students

Age Group: 20-24 years

Local Experience: < 3 months; International Students

Budget Strictness: ⅜ are flexible

Time preferred to look for restaurant: < 15 minutes

​

​

European Taste Test

10

2023-03-14

11 of 14

User Feedback

  • Increase map space
    • Option to hide filters
  • Make filters more intuitive
  • Add table for easy comparison
  • Add link for restaurant info
  • Change Google Maps API to OpenStreetMap
  • Change color contrast

​

European Taste Test

11

2023-03-14

12 of 14

Demo

European Taste Test Link

Ready to taste some food?

​

European Taste Test

12

2023-03-14

13 of 14

Lessons Learned

​

  • Organization
  • Data collection
  • Dividing Tasks
  • Develop and Test

​

​

​

​

​

  • D3.js
  • HTML/CSS/JS
  • Open Source libraries
    • Leaflet
    • OpenStreetMap

​

​

​

​

European Taste Test

13

2023-03-14

14 of 14

Thank you!

Questions?

European Taste Test

14

2023-03-14

Rohan Harpalani {rohanha@kth.se}

Rebecca Jahns{rjahns@kth.se}

Kriti Mathur{kritim@kth.se}

Sathvik Perkari{sathvik@kth.se}

Nikita Volynskiy{nikita@kth.se}

Mario Romero Vega {marior@kth.se}