Skip to main content
SimilarExport ZIP
100%

Fork of Bar chart

✓ Published2🌍 Public
Ssalim.mir@outlook.com
Last edited Apr 29, 2024
Created on Apr 29, 2024
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Bar chart

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.

Pphoenixash065@gmail.com
95% match
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
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
90% 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
88% 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
79% match
Loading thumbnail…

Fork of Let's make a bar chart with D3.js!

This horizontal bar chart displays the populations of the top ten most populous countries, using a D3.js v5 SVG rendering. Data from a CSV file is loaded and scaled linearly for the x-axis and as a banded scale for the y-axis. The code demonstrates fundamental DOM manipulation by appending rectangles and text elements, with axes and labels formatted using D3’s `scaleLinear`, `scaleBand`, `axisBottom`, `axisLeft`, and `format` utilities.

DDomen Hribernik
77% match
Loading thumbnail…

Fork of Simple Bar Chart

This fork of a simple bar chart visualizes the top 10 most populous countries as of January 1st, 2024, using an SVG rendering approach. The chart loads data from a CSV file hosted on GitHub via D3's `d3.csv` method, then displays it using `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the numeric y-axis. Bars are drawn as SVG rectangles, with axes added via `d3.axisBottom` and `d3.axisLeft`. The code includes a video tutorial link and is structured for easy modification with new datasets.

Kkotlavamsireddy@gmail.com
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