Interactive Bubble Chart for Top Cocktail Ingredients
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 descriptionA 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.