Skip to main content
SimilarExport ZIP
100%

Irish Whiskey Slaes Per Country

✓ Published0🌍 Public
OOday4
Last edited Oct 25, 2019
Created on Oct 24, 2019

This visualization displays Irish whiskey sales amounts per country using a bar chart, with each bar colored by country and sized proportionally to the sales figure. The chart is built with Vega-Lite API and D3.js, loading data from an external CSV via the `getData` function, and renders as an SVG fitted to the browser window. Tooltips show the exact sales amount for each bar, while custom configuration settings adjust font sizes and colors for readability, with a dark theme for labels and titles.

AI-generated description

Group D Assignment

MIT Licensed

Similar vizzes

Loading thumbnail…

Growth in Irish Whiskey Sales

This visualization shows the growth of Irish whiskey sales across different countries over time, using a multi-line chart where each line represents a country and is color-coded via a categorical color scale. The y-axis displays cases, while the x-axis shows the year. Built with D3 v5, the chart uses `d3.line` with a basis curve to smooth the lines, `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.nest` to group data by country, with a custom color legend. The data is loaded as a CSV from a GitHub URL.

OOday4
84% match
Loading thumbnail…

Growth in Irish Whiskey Sales

The visualization shows the growth in Irish whiskey sales over time, with multiple lines representing different countries and a color legend identifying each series. It uses d3.csv to load data, and d3.scaleTime, d3.scaleLinear, and d3.scaleOrdinal with schemeCategory10 for scales, along with d3.line and curveBasis to render smooth paths. d3.nest groups data by country, and d3.axisBottom and d3.axisLeft add labeled axes. The SVG rendering includes a custom colorLegend component built with d3 selections.

Jjhcliu19
83% match
Loading thumbnail…

Growth in Irish Whiskey Sales

Irish whiskey sales growth is visualized as a multi-series line chart, with each country’s annual case sales drawn as a colored, smoothed path. The chart uses D3 v5’s `scaleTime`, `scaleLinear`, `nest`, and `line` with `curveBasis` to aggregate and render the data, which is loaded from a CSV. A categorical color scale distinguishes countries, and a custom legend component displays the mapping. The visualization includes axis labels and grid lines, with the source data retrieved from a remote GitHub repository.

OOday4
82% match
Loading thumbnail…

bar chart visualization of the quantity of items sold in each country

This bar chart visualization displays the total quantity of items sold across five countries, with data aggregated from individual order records listing each country’s cumulative sales figures. The visualization uses D3.js v7 to group raw data points by country, compute summed quantities via `d3.rollup` and `d3.sum`, then render the results as proportional bars scaled to the maximum value. The SVG-based rendering employs D3’s ordinal color scale to distinguish countries, with hover interactions that enlarge bars for emphasis. The chart presents the United Kingdom as the leading seller, followed by Italy, with Germany, France, and Australia showing lower volumes.

JJames Cruz
73% match
Loading thumbnail…

Visualization: Sales Distribution by Country (Bar Chart)

This example shows a bar chart of sales amounts by country, with two bars displaying the dataset values from the USA, UK, and Canada. The visualization uses an SVG rendering approach with D3.js v7, employing `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` to create the corresponding axes. Bar rectangles are appended to the SVG container with their width determined by the scale’s bandwidth and their height proportional to the sales values.

PPriyank Singh
73% match
Loading thumbnail…

Fork of Visualization: Sales Distribution by Country (Bar Chart)

This example displays a bar chart of sales amounts by country, with the USA, UK, and Canada as categories. Each bar’s height encodes the corresponding sales value. The visualization uses D3 v7 to create an SVG chart, employing `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis, along with `d3.axisBottom` and `d3.axisLeft` for grid lines. Data is hardcoded in the script, and the rendering is purely SVG-based within a React-free HTML page.

JJames Cruz
72% match
Loading thumbnail…

Vega-Lite API Template_Bars

This bar chart displays the population of countries in 2015, with bars sorted in descending order and colored by country. It is built using the Vega-Lite API, which programmatically defines the visualization specification, while D3.js loads the CSV data from a Gist. The chart is rendered as SVG via Vega and Vega-Lite, with tooltips enabled through vega-tooltip and a custom config to adjust axis and label styling for readability.

OOleg Zhernovoy
71% match
Loading thumbnail…

Bar Chart Vega-Lite API

This bar chart displays population by country for 2015, with countries sorted in descending order along the x-axis and population values on the y-axis. The visualization is built using the Vega-Lite API, which composes a markBar specification with fieldN and fieldQ encodings, and renders via Vega’s SVG renderer. Data is loaded asynchronously from a CSV file using d3.csv, while a custom config adjusts axis styles and tooltip font sizes. The chart dynamically fits its width and height to the window viewport.

Vvmonney
70% match