Fork of Bar chart

100%

Fork of Bar chart

✓ Published0🌍 Public

Last edited Apr 29, 2024

Created on Apr 29, 2024

This chart shows the top 15 coffee-exporting countries by metric tons, with Brazil leading the list. The horizontal bar chart uses `d3.scaleBand` for the categorical country axis and `d3.scaleLinear` for the numerical export volume axis. Data loaded from a remote CSV is sorted in descending order and filtered to the top 15 entries. Named `d3.axisBottom` and `d3.axisLeft` add the axes, while SVG rectangles render the bars with the y-axis label rotated for readability.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Bar chart

This example visualizes the top 15 coffee-exporting countries using a horizontal bar chart, with Brazil leading in export volume. The data is loaded from a CSV file and sorted in descending order, with each bar’s length proportional to metric tons exported. D3 v7 renders the chart as an SVG, using a linear scale for the x-axis and a band scale for the y-axis, and includes rotated tick labels for readability. The visualization is titled "Top 15 Coffee Exporters" and includes axis labels for clarity.

Cchamarthisreenivasvarma@gmail.com

96% match

Loading thumbnail…

Fork of Bar chart

This fork of a bar chart visualizes the top 15 coffee-exporting countries by metric tons, with Brazil leading. The D3.js v7 code loads CSV data from a GitHub repository, sorts it in descending order, and renders horizontal bars using SVG. It employs `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisBottom`/`d3.axisLeft` to draw axes with rotated labels. The chart includes annotations, axis titles, and an underlined heading, styled within a shadowed container.

Ssalim.mir@outlook.com

95% match

Loading thumbnail…

Bar chart

This bar chart shows the top 15 coffee-exporting countries, with Brazil leading in exported metric tons. Horizontal bars encode export volume for each country, with country names on the y-axis and exported coffee amounts on the x-axis. The visualization loads data from a CSV file using D3 v7, sorts and filters the data to the top 15 entries, and renders the chart as SVG using `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` for the axes.

Jjammigumpula.priyanka193@gmail.com

93% match

Loading thumbnail…

Interaktivt Visualisering

This visualization presents a horizontal bar chart of the top 15 coffee-exporting countries, ranked by export volume in metric tons, with Brazil leading. The chart uses D3.js v7 to load CSV data from a GitHub gist via `d3.csv`, processes the data with `d3.descending` for sorting, and renders the bars as SVG rectangles. Scales include `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the y-axis, with rotated axis labels and a title. The bars are filled black against a styled container with a drop shadow.

Mmartin_tp@live.dk

87% match

Loading thumbnail…

Fork of dataset - simple bar chart

This fork of the dataset example displays a horizontal bar chart of the top 20 most-traded stocks on Brazil’s B3 exchange, ranked by trading volume. The visualization uses D3 v5 to load CSV data via `d3.csv` and render SVG bars, with `scaleLinear` and `scaleBand` handling the axes. It applies `axisLeft` and `axisBottom`, formats tick labels with `d3.format`, and removes grid lines for a clean look. The chart title notes “Top 20 maiores volumes,” and the bars are styled with a steelblue fill.

EElMITHOS

77% match

Loading thumbnail…

Fork of Making a Bar Chart

This horizontal bar chart displays the populations of the top 10 most populous countries, sourced from a CSV file. Using d3.csv, d3.scaleLinear, and d3.scaleBand, it renders bars as SVG rectangles. The code demonstrates axis customization with d3.axisLeft and d3.axisBottom, including a custom tick format that converts large numbers to abbreviated labels like "B" for billions.

QQuinn Sebso

77% match

Loading thumbnail…

Fork of Bar Chart

This bar chart displays the population of the top 10 most populous countries, with each bar’s length proportional to its population in millions. The chart uses D3 version 5 with an SVG rendering approach, employing `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisLeft` and `axisBottom` to generate axes. Data is loaded from a CSV file via `d3.csv`, with population values multiplied by one million. Axis tick labels are formatted using `format`, abbreviating large numbers with a custom function that replaces "G" with "B".

Bbbroker

76% match

Loading thumbnail…

Bar viz using d3 testing

This example displays horizontal bars ranking the top 20 most-traded securities on Brazil’s B3 exchange by volume, with tick labels formatted using d3’s `format('.3s')`. The chart is built in SVG using D3 v5, loading data from a CSV via `csv()`, scaling values with `scaleLinear` and `scaleBand`, and rendering axes via `axisBottom` and `axisLeft` in a straightforward bar-viz demonstration.

Mmomopng

76% match