The World Drinks Scotch Whisky

Making a Bar Chart

This bar chart displays the top 10 countries by total merchandise exports in 2017, based on World Trade Organization data. It uses D3 v5’s `scaleLinear` and `scaleBand` to map export values and country names, with SVG rectangles representing each value. Axes are added via `axisLeft` and `axisBottom`, and the data is loaded from a CSV using `csv()`. The chart highlights China with the largest export total, exceeding two trillion dollars, while the United Kingdom ranks last among the listed countries.

69% match

Irish Whiskey Slaes Per Country

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.

OOday4

68% match

Top 10 Wine Countries Bar Chart

This bar chart displays the top 10 wine-producing countries of 2022, ranked by quantity in thousands of hectoliters, with Italy leading and Portugal in tenth place. It uses D3 v5 to map data from a CSV file, employing `scaleLinear` for the x-axis and `scaleBand` for the categorical y-axis. The visualization customizes both axes with `axisLeft` and `axisBottom`, removing default domains and ticks, and applies a fixed fill color to all bars. The chart’s title and axis label are added as SVG text elements.

LLouisa Penrice

68% match

Making a Bar Chart

This bar chart displays the top 10 countries by total merchandise exports in 2017, using data from the World Trade Organization. The visualization positions country names on the y-axis and export values on the x-axis, with a linear scale spanning from 400 billion to 2.3 trillion dollars. Built with D3 v5, the code uses `d3.csv` to load the data, `d3.scaleLinear` and `d3.scaleBand` for scales, and `d3.axisLeft` and `d3.axisBottom` for axes. The SVG rendering uses green rectangles to represent each country’s export value.

68% match

Making a Bar Chart

This bar chart displays the top 10 countries by total merchandise exports in 2017, based on World Trade Organization data. The visualization uses d3.csv to load the data, then applies d3.scaleLinear and d3.scaleBand to map export values and country names, respectively. Bars are rendered as SVG rectangles, with axes generated by d3.axisLeft and d3.axisBottom. The chart omits the x-axis domain starting point, truncating the scale to emphasize differences among leading exporters.

Making a Bar Chart

This bar chart displays the top 10 countries by total merchandise exports in 2017, using data from the World Trade Organization. The chart visualizes export values in billions of dollars, with countries ordered by their export magnitude. Built with D3 v5, the visualization uses `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisLeft`/`axisBottom` for tick marks. The data is loaded from a CSV file via `csv()`, rendered as SVG rectangles, and styled with a steelblue fill.

Making a Bar Chart

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