Fork of Making a Bar Chart 2

100%

Fork of Making a Bar Chart 2

✓ Published0🌍 Public

Last edited Jan 10, 2021

Created on Jan 10, 2021

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.

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

A horizontal bar chart displays the population of the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects 2017. The visualization, built with D3 v5 and rendered as SVG, orders countries by population and uses a linear scale for the x-axis and a band scale for the y-axis. Customized axes include formatted tick labels (e.g., “1.42B”) and removed domain lines, while a title and axis label clarify the content.

SSeung Y. Lee

95% match

Loading thumbnail…

Fork of 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.

Tttarnalicki3@gatech.edu

95% match

Loading thumbnail…

Fork of Making a Bar Chart

This horizontal bar chart displays the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects 2017. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render an SVG, with axes customized by removing domain lines and formatting tick labels. Population values are multiplied by 1,000 and drawn as steelblue rectangles, while titles and axis labels are added as SVG text elements.

PPriyansh Ramnani

95% match

Loading thumbnail…

Fork of Making a Bar Chart

This chart visualizes the top 10 most populous countries, with horizontal bars ranked by population using 2018 data from the United Nations World Population Prospects. Built with D3 v5, it renders as an SVG and customizes the axes, removing domain lines and formatting tick labels to abbreviate large numbers (e.g., ‘B’ for billions). The code relies on D3’s `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft`, while styling bars with steelblue fill via CSS.

Ddeep221b

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 bar chart displays the population of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects. The visualization is rendered as an SVG using D3 v5, with a linear scale for the population axis and a band scale for country names. It demonstrates custom axis formatting, converting values to billions, and removes default axis lines. Data is loaded from a CSV file and processed before rendering.

Aanummunirmughal

95% match

Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. It uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the SVG visualization, with custom tick formatting converting values to billions. The chart removes axis domain lines and includes a title and x-axis label, styling bars in steelblue via CSS.

TtreasurehunterAP

95% 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 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

94% match