Skip to main content
SimilarExport ZIP
100%

Top 10 States in 2018

✓ Published1🌍 Public
Yyuzhang21
Last edited Oct 8, 2019
Created on Sep 24, 2019

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.

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 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
97% match
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
90% 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
89% 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
89% match
Loading thumbnail…

Top Exporting Countries in 2018

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.

Mmkt-ds
88% match
Loading thumbnail…

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.

Vveagy
83% match
Loading thumbnail…

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 dataset and d3.scaleLinear and d3.scaleBand to map export values and country names to SVG rectangles. Axes are generated with d3.axisLeft and d3.axisBottom. The chart highlights China and the United States as the leading exporters, with all values scaled in thousands of dollars.

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 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