Skip to main content
SimilarExport ZIP
100%

Top Exporting Countries in 2018

✓ Published0🌍 Public
Mmkt-ds
Last edited Sep 24, 2019
Created on Sep 24, 2019

This visualization shows the top 10 exporting countries in 2018, with each country’s total export value broken down by series type. The bar chart uses stacked bars to compare total exports against manufactures exports, color-encoded by series name, with tooltips displaying the precise values. The code loads CSV data from World Bank indicators via `d3.csv`, filters and aggregates values in JavaScript, then renders the chart using Vega-Lite’s API and `vl.markBar`. The visualization uses d3 v5 for data handling and Vega-Lite’s `vega-lite-api` for specification.

AI-generated description

A visualization of the top 10 exporting countries, broken down by export type.

Dataset: Manufactures vs Total Exports, derived from World Bank: World Development Indicators.

MIT Licensed

Similar vizzes

Loading thumbnail…

Top Exporting Countries in 2018

The visualization displays the top 10 exporting countries in 2018, with bars broken down by export type, revealing the composition of each nation's total export value. Each country is represented as a horizontal bar, segmented by color-coded export categories, and sorted by total export value in descending order. The chart is built using Vega-Lite API within a D3 framework, with data loaded via D3’s `csv` parser from a World Bank dataset, and tooltips enabled through Vega-Tooltip to inspect individual values.

VVijayakumar
93% match
Loading thumbnail…

Top Exporting Countries in 2018

This visualization shows the top 10 exporting countries in 2018, with bars broken down by export type to compare manufacturers versus total exports. The chart uses bar marks encoded with country names on the x-axis, export values on the y-axis, and color to distinguish series. The code loads CSV data via d3.csv, filters and aggregates totals, selects the top countries using d3.descending, and renders the chart with Vega-Lite and Vega, incorporating custom axis styling and tooltips.

GGeniXiong
93% match
Loading thumbnail…

Top Exporting Countries in 2018

This visualization displays the top 10 exporting countries in 2018, with horizontal bars showing total export values and color-coded sections distinguishing manufactures exports from other export types. The chart uses Vega-Lite’s markBar and encoding channels for position, color, and tooltip, configured via the vega-lite-api wrapper. Data is loaded from a CSV using d3.csv, filtered to exclude missing values and one series, then aggregated and sorted to select the top countries. The final view is rendered with Vega’s SVG renderer and includes interactive tooltips.

CCurran Kelleher
93% match
Loading thumbnail…

Top 10 States in 2018

This bar chart shows the top 10 countries by total exports in 2018, with each bar colored by export type (manufactures vs. total merchandise) and tooltips revealing exact values. Built with Vega-Lite and the `vega-lite-api`, it filters World Bank data fetched via `d3.csv`, aggregates totals per country, and sorts bars descending by value. The rendering uses SVG, with a custom configuration for axis styling and font sizing.

Yyuzhang21
89% match
Loading thumbnail…

Top 10 States in 2018

This bar chart shows the top 10 countries in 2018 by total exports, with bars colored by export type and tooltips displaying values. The visualization uses vega-lite-api to define a bar mark with x encoding for country name sorted by descending y values, and includes a vega-tooltip handler for interactivity. Data comes from a CSV file of World Bank World Development Indicators, filtered in getData.js using d3.csv and sorting country totals with d3.descending.

Yyuzhang21
88% match
Loading thumbnail…

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.

Vveagy
83% match
Loading thumbnail…

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.

Vveagy
82% match
Loading thumbnail…

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.

Vveagy
82% match