Skip to main content
SimilarExport ZIP
100%

Fork of Making a Bar Chart

✓ Published0🌍 Public
Tttarnalicki3@gatech.edu
Last edited Sep 4, 2024
Created on Sep 4, 2024
Forked from Making a Bar Chart

This example displays a horizontal bar chart of the top 10 most populous countries, based on 2018 United Nations data. It uses d3.scaleLinear and d3.scaleBand to map population values and country names, with d3.axisLeft and d3.axisBottom for the axes. The chart customizes the x-axis tick format to show values in billions and removes axis domain and tick lines, while the title and axis label are added as SVG text elements.

AI-generated description

This bar chart shows population of the top 10 most populous countries. The data comes from the year 2018 estimate in United Nations: World Population Prospects 2017. It also demonstrates customization of D3 axes.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Making a Bar Chart

This example displays a horizontal bar chart of the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects 2017. It demonstrates customizations of D3 axes, including tick formatting that converts values to billions and removal of default domain lines. The chart uses d3.csv to load data, d3.scaleLinear and d3.scaleBand for scaling, and d3.axisLeft with d3.axisBottom to render SVG axes. The title and axis label are added as SVG text elements.

Mmicyen
96% match
Loading thumbnail…

Fork of Making a Bar Chart

This example displays a horizontal bar chart of the top 10 most populous countries, using 2018 population estimates from the United Nations World Population Prospects 2017. It highlights customization of D3 axes, including a formatted x-axis that converts large numbers to abbreviated units like “B” for billions. The chart is rendered in SVG using d3.scaleLinear, d3.scaleBand, d3.axisLeft, and d3.axisBottom, with data loaded via d3.csv. The code also removes default axis domains and tick lines for a cleaner appearance.

Ssalim.mir@outlook.com
95% match
Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the top 10 most populous countries based on 2018 United Nations estimates, with population values scaled in thousands. Using D3 v5, the visualization employs `scaleLinear` and `scaleBand` to map population counts and country names, while `axisBottom` and `axisLeft` render formatted axes with a custom tick format that converts large numbers to abbreviated units. The SVG rendering includes gridlines, a title, and an axis label, with horizontal bars styled in steel blue.

Sskambhore04
95% match
Loading thumbnail…

Fork of Making a Bar Chart

This example displays the top 10 most populous countries as a horizontal bar chart, using 2018 population estimates from the United Nations World Population Prospects. The chart customizes D3 axes by removing domain lines, adding tick marks, and formatting population values with the `format('.3s')` function, which converts large numbers into abbreviated labels like “B.” The visualization is built with D3 v5, loading data from a CSV file via `d3.csv`, and uses `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render SVG bars, labels, and a title.

RRobFaj
95% match
Loading thumbnail…

Fork of Making a Bar Chart

This horizontal bar chart displays the top 10 most populous countries in 2018, using United Nations population estimates. It demonstrates D3 v5 customization of axes, including a formatted x-axis with tick marks and labels, a removed y-axis domain, and rotated tick labels. The chart uses `scaleLinear` and `scaleBand` for scales, `csv` to load data, and `axisBottom` and `axisLeft` for axes. Population values are multiplied by 1000, and d3-format abbreviates tick labels (e.g., "1.42B"). Rendering is SVG-based with steelblue bars and a custom title.

DDavi Resio
95% match
Loading thumbnail…

Fork of Making a Bar Chart

This example shows a horizontal bar chart of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects. The chart uses D3 v5 with an SVG rendering, scaling population values via `d3.scaleLinear` and country names via `d3.scaleBand`. It customizes the axes with `d3.axisLeft` and `d3.axisBottom`, applies a `.3s` tick format that replaces “G” with “B”, and removes default axis domain lines. The data is loaded from a CSV file using `d3.csv`.

CCristina Macaraig
95% match
Loading thumbnail…

Fork of Making a Bar Chart

A horizontal bar chart displays the top 10 most populous countries with data from the 2018 United Nations World Population Prospects estimate, with populations in thousands. It uses d3.csv to load data, d3.scaleLinear and d3.scaleBand for scales, and customized axios via d3.axisLeft and d3.axisBottom, including tick formatting that converts values to billions. The SVG rendering includes margins, a title, an axis label, and steelblue bars, with gridlines drawn through axis tick sizing.

IIsigned
95% match
Loading thumbnail…

Fork of Making a Bar Chart 2

This example visualizes the top 10 most populous countries in 2018 as a horizontal bar chart, using data from the United Nations World Population Prospects. It highlights custom zero-lines and axis labels. The SVG visualization is built with D3 v5, using `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisBottom`/`axisLeft` for axes, with tick values formatted to abbreviate billions.

Eeveryfin-in
95% match