Skip to main content
100%

Interactive Bubble Chart for Top Cocktail Ingredients

✓ Published2🌍 Public
JJacklyn Turner
Last edited Oct 31, 2019
Created on Oct 23, 2019

A choropleth-style bubble map displays the top ten cocktail ingredients across U.S. cities, with circle size encoding ingredient count and color distinguishing each ingredient. Hovering over the color legend highlights the corresponding cities on the map while dimming others. The visualization uses React with D3 v5, employing `scaleSqrt` for bubble sizing, `scaleOrdinal` for color mapping, and `geoAlbers` with `geoPath` from d3-geo to render U.S. state boundaries from TopoJSON. Data comes from the Hotaling & Co cocktails dataset, with U.S. map shapes sourced from the us-atlas package.

AI-generated description

A map showing the top 10 ingredients used in cocktails across the US from the Hotaling & Co cocktails data set. Hovering over ingredients in the legend highlights them on the map.

US map shapes are provided by US-Atlas CDN by jsDelivr.

MIT Licensed

Similar vizzes