Skip to main content
SimilarExport ZIP
100%

Making a Bar Chart

✓ Published0🌍 Public
Vveagy
Last edited Sep 4, 2018
Created on Sep 4, 2018
Forked from Making a Bar Chart

This example visualizes the top 10 countries by total merchandise exports in 2017, using a horizontal bar chart with steel-blue rectangles. It imports data from a local CSV file and renders it as SVG via D3 v5. The code uses `d3.scaleLinear` and `d3.scaleBand` for axes and positioning, along with `d3.axisLeft` and `d3.axisBottom` to label the chart. Data comes from the World Trade Organization’s 2017 statistics.

AI-generated description

This bar chart shows the Top 10 total merchandise export worldwise. The data comes from the year 2017 in World Trade Organization: Total Merchandise Export 2017.

MIT Licensed

Similar vizzes

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
96% 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
96% match
Loading thumbnail…

Making a Bar Chart

This bar chart visualizes the top 10 countries by total merchandise exports in 2017, sourced from the World Trade Organization. It shows a horizontal bar layout where longer bars represent higher export values, led by China. The visualization is rendered using D3 v5, with index.js leveraging D3 APIs such as `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the SVG chart. The data is loaded from a CSV file, with export values multiplied by 1000, and bars are styled with a steelblue fill.

Vveagy
95% match
Loading thumbnail…

Making a Bar Chart

This example visualizes the top 10 countries by total merchandise exports in 2017, using data from the World Trade Organization. It shows a horizontal bar chart ordered by export value, with green bars scaled linearly from 4e11 to 2.3e12. The chart uses d3.csv to load the data, d3.scaleLinear and d3.scaleBand for axes, and d3.axisLeft and d3.axisBottom to render the SVG axes and rectangles.

Vveagy
95% match
Loading thumbnail…

Making a Bar Chart

This example displays a horizontal bar chart ranking the top 10 countries by total merchandise exports in 2017, using data from the World Trade Organization. The bars are rendered in SVG, with a green fill, and the chart uses d3.csv to load the data, d3.scaleLinear for the value axis, and d3.scaleBand for country categories. Axes are generated with d3.axisLeft and d3.axisBottom. The numeric export values are multiplied by 1000 during preprocessing.

Vveagy
95% 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
94% 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
94% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the top 10 countries by total merchandise exports in 2017, measured in millions of US dollars at current prices. The data originates from the World Trade Organization. Using D3 v5, the visualization employs `scaleLinear` for the x-axis, `scaleBand` for the categorical y-axis, and `axisLeft` and `axisBottom` to render the axes. Each country is represented by a green SVG rectangle, with the chart rendered in SVG within an HTML page.

Vveagy
94% match