Ingresos de exportación por región durante el 2019

Ingresos por exportacion por medio de transporte

This example shows export revenues by transportation mode, using horizontal bars to compare air, maritime, land, and unknown categories. The chart uses D3 v5’s `scaleLinear` for the value axis and `scaleBand` for the categorical axis, with `axisLeft` and `axisBottom` for ticks. Data is loaded from a CSV file and converted to numbers, and the bars are rendered as SVG rectangles with steelblue fill. The visualization explicitly groups bars by mode without sorting, reflecting the raw data order.

IIgnacio Esquivel

78% match

Making a Bar Chart

This bar chart displays the top 10 total merchandise exports worldwide for 2017, with countries ranked along the vertical axis and export values in dollars along the horizontal axis. The visualization uses D3 v5’s `scaleLinear` for the x-axis, `scaleBand` for the categorical y-axis, and `axisLeft` and `axisBottom` for the axes. Data is loaded from a CSV file using `csv` and rendered as SVG rectangles. Values are converted from billions by multiplying by 1000 during preprocessing.

74% match

Making a Bar Chart

This example visualizes the top 10 countries by total merchandise exports for 2017, using a horizontal bar chart where bar length encodes export value in trillions. The chart is rendered with D3 v5, using `d3.scaleLinear` for the value axis, `d3.scaleBand` for country categories, and `d3.axisLeft`/`d3.axisBottom` for ticks. Data is loaded from a CSV file using `d3.csv` and multiplied by 1000 to convert from scientific notation. The SVG output styles bars green via CSS.

Making a Bar Chart

Bar Chart

This bar chart displays weapon export values by country for 2017, sourced from a CSV file hosted on GitHub. The visualization uses D3 v4’s `scaleBand` and `scaleLinear` to map countries to the x-axis and values to the y-axis, with `axisBottom` and `axisLeft` generating the axes. Bars are rendered as SVG rectangles, and the chart includes labeled axes and a title. The code loads D3 via UNPKG and demonstrates importing from local ES6 modules.

Ppjdhungana@gmail.com

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.

Fork of Making A Bar Chart

This bar chart displays the count of incidents across global regions, with North America, Northern Africa, and the Mediterranean having the highest values. Using D3 v7, the visualization loads data from a CSV file, scales the counts by 100, and renders the bars with SVG elements. The code employs `scaleLinear` and `scaleBand` for positioning, along with `axisLeft` and `axisBottom` to generate the axes.

Jjanyqngo106

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.