Vertical bar chart

100%

Vertical bar chart

✓ Published0🌍 Public

Last edited Jan 13, 2020

Created on Jan 13, 2020

This vertical bar chart displays the population of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects 2017 dataset. The visualization uses d3.scaleLinear for the y-axis and d3.scaleBand for the x-axis, with d3.axisLeft and d3.axisBottom to render customized axes—including rotated x-axis labels and formatted tick values that convert billions to "B". The chart is rendered as SVG elements, with steelblue rectangles for bars, and demonstrates axis customization through tick size, padding, and gridlines.

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.

See also the first bar chart visualization that this one builds on: Making a Bar Chart.

MIT Licensed

Similar vizzes

Loading thumbnail…

Vertical bar chart

This vertical bar chart displays the population of the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects. The visualization uses D3.js v5 with an SVG rendering approach, employing `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the population values. Customized axes include rotated country labels, tick marks formatted with abbreviated units (e.g., "1.3B"), and a labeled y-axis emphasizing the population metric. The chart styles rectangles and text elements via CSS for a clean presentation.

Nnoelmiranda

97% match

Loading thumbnail…

Vertical Bar Chart

This vertical bar chart displays the population of the top 10 most populous countries, based on 2018 United Nations estimates, with each bar representing a country’s population in millions. The chart uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render an SVG, with customized tick labels and rotated country names. Population data is loaded from a CSV file via `d3.csv` and formatted using `format('.2s')`. The visualization emphasizes D3 axis customization, including removed domain lines and angled text labels.

HHenri Lappalainen

95% match

Loading thumbnail…

Vertical bar chart

A vertical bar chart displays the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The bars are rendered as SVG rectangles, with a linear y-scale and band x-scale. The code customizes both axes, removing default domain lines and rotating x-axis labels, while using d3.axisLeft and d3.axisBottom with tick formatting that abbreviates large numbers.

TTheRedUnicorn

94% match

Loading thumbnail…

Vertical bar chart

A vertical bar chart displays the population of the top 10 most populous countries, with data from the 2018 United Nations World Population Prospects. The chart uses SVG rendering with D3 v5, employing `scaleBand` for the categorical x-axis and `scaleLinear` for the y-axis, which is formatted to abbreviate large numbers (e.g., "1.3B"). Custom axis styling includes rotated tick labels, horizontal grid lines, and labeled axes. Bars are colored steelblue, with a dark orange title, demonstrating D3's axis customization capabilities.

SShubham Chinda

94% match

Loading thumbnail…

Making a bar chart

This horizontal bar chart visualizes the population of the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects. The chart displays population values on the x-axis with a custom tick format that abbreviates large numbers (e.g., “1.42B”) and country names on the y-axis. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` APIs, with bars rendered as SVG `rect` elements. Data is loaded from a local CSV file, and axes are customized by removing domain lines and adding axis labels.

JJL10897

93% match

Loading thumbnail…

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 chart shows a horizontal bar for each country, with a linear x-axis for population and a banded y-axis for countries, both customized by removing grid lines and domain paths. The visualization is built with D3 v5, using `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`, and it renders as SVG. Data is loaded from a CSV file and formatted with the `format` function, replacing 'G' with 'B' for billion-scale tick labels.

Mmarissaverdonck

93% match

Loading thumbnail…

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 2017. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleLinear`, `d3.scaleBand`, `d3.axisLeft`, and `d3.axisBottom`. Axes are customized with tick formatting that converts values to billions (e.g., replacing "G" with "B") and removed domain lines. Population data is loaded from a CSV file and multiplied by 1000.

Ccocktaildata

93% match

Loading thumbnail…

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 uses D3 v5 with an SVG rendering, featuring a linear scale for population values and a band scale for country names. Customized axes include formatted tick labels that convert units to billions and a horizontal grid. The chart applies a steelblue fill to bars and includes a title and axis label.

KKevinw97

93% match