Cocktail Wheel

Cocktail Wheel is a data visualization based on the dataset we collect out of 48 cocktails, we bring out the visual of ingredients, flavors and appearances

Experiencing the visual and the flow of taste, in your pocket

Based the database we set up, we eventually developed an app on iOS, which demonstrates the taste, the appearances and the ingredients of different cocktails in a visual, dynamic way. After weeks of data manipulation and coding, we successfully made a desirable output through several rounds of iteration.

Since time was limited, for now the Cocktail Wheel app only supports iPhone6 plus with a lowest system version of 9.0. Please feel free to download. If you have any suggestions regarding to the app, contact us anytime.

Download the App
  • Blaz Robar

    Crawling: We scrap data from wiki.webtender.com and yummly.com with import.io

  • Pete Finlan

    Mapping: We analyze raw data with Numbers and Tableau

  • Doge Finbar

    Inspiring: We design and develop the data structure and visual effects with Xcode

The Raw Data

We scrap the ingredients data of 72 cocktails from wiki.webtender.com, as well as the flavor distribution data of 48 cocktails from yummly.com, and then we intersect these two sets of data, consequently we got a dataset contains 48 cocktails with full records of ingredients and flavor.

The Color Wheel

We collect a set of images based on the origin data set of 48 cocktails, and then we use Abode Color CC to extract colors out of it. We mapping those color on the chromatogram which demonstrates the color distribution of cocktails, as well as the regions of color that appear to be the common appearance of cocktails.

The Flavor Map

After we generated the csv file, we draw several initial alluvial graphs with RAW, among which we select the one that indicates the flavor curve in between six dimensions(salty, savory, sour, bitter, sweet and spicy) to dig in to.

The Dynamic Visuals of Flavor

We draw the flavor radar map of 48 cocktails with code, after which we design a visual structure based on the five layers of ingredients(spirit wine, liquor wine, juice, soda and spice) and six different kinds of flavors as mentioned before, of each one of cocktail in the data set. We finally developed an app which integrates our design and our data altogether.

  • The Flavour Radar

    Made with Xcode & Swift

    The Color Wheel

    Made with Illustrator

    The Gallery

    Take a quick look at some of our major pieces of work during the whole process. For more information please check the full version of our data story.

  • The Flavor Alluvial Curve

    Made with RAW & Illustrator

    The Dynamic Visual

    Made with Xcode & Swift

    The Gallery

    Take a quick look at some of our major pieces of work during the whole process. For more information please check the full version of our data story.