Viewing a saved revision (read-only)
02b20da2c96d4b04a3ff0225b62b600e
Cocktail Ingredient Pairings
A dropdown menu filters the cocktail dataset by main alcohol type, and a bar chart displays the top 20 most common ingredients among matching cocktails, ranked by frequency. The chart uses D3 v5 scales (scaleBand, scaleLinear) and React components to render SVG bars and axes. The data originates from Hotaling & Co.'s cocktail collection on Kaggle, parsed to extract ingredient counts.
AI-generated descriptionThis visualization is based on the dataset of cocktails collected by alcohol importer and distiller Hotaling & Co. The original dataset was modified to parse out and clean up the ingredients.
There is a dropdown menu that allows the user to choose the main types of alcohol to act as the filter. The chart will then return the ingredients in the cocktails containing the displayed ingredients.