Fork of Fork of Making a Bar Chart

100%

Fork of Fork of Making a Bar Chart

✓ Published0🌍 Public

Last edited Mar 6, 2022

Created on Mar 6, 2022

This bar chart displays the populations of the ten most populous countries, using 2018 estimates from the United Nations World Population Prospects. The chart uses a linear scale for the population axis and a band scale for countries, with bars rendered as SVG rectangles. It customizes the D3 axes, including a formatted tick label that converts large numbers to abbreviated units and removes default axis lines. The code loads data from a CSV file and relies on d3.csv, scaleLinear, scaleBand, axisBottom, axisLeft, and format.

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 bar chart displays the populations of the ten most populous countries, using 2018 estimates from the United Nations World Population Prospects. The chart shows population values on a linear scale and countries on a band scale, with custom axis formatting converting values to abbreviated units like billions. Built with D3 v5, the code uses `d3.csv`, `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to render an SVG, with styled rect elements and labels.

Mmaavwin

97% match

Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the population of the ten most populous countries, based on 2018 estimates from the United Nations World Population Prospects. It uses d3.csv to load the data, then renders horizontal bars with d3.scaleLinear for the x-axis and d3.scaleBand for the y-axis. The chart applies d3.axisLeft and d3.axisBottom for labeling, and draws the bars as SVG rectangles with a steelblue fill.

DDINESH SAI BOPPANA

96% match

Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the population of the ten most populous countries using 2018 estimates from the United Nations’ World Population Prospects. The chart uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render a horizontal bar chart with custom tick formatting that converts large numbers into a readable scale. Population values are multiplied by 1000 from the CSV data, and the chart is rendered as SVG within a 960x500 viewport.

MMaicolJGM

96% 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 2017. The chart customizes D3 axes with a left-aligned y-axis and a bottom x-axis using `d3.axisLeft` and `d3.axisBottom`, while `d3.scaleLinear` and `d3.scaleBand` map populations and country names to SVG rectangles. Data is loaded from a CSV file via `d3.csv`, with populations multiplied by 1000 for accurate scaling.

AApril Fangzhu Guo

96% match

Loading thumbnail…

Fork of Making a Bar Chart

This bar chart shows the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The chart uses D3 v5’s scaleLinear and scaleBand to map population values and country names, with axisBottom and axisLeft for tick marks and labels. The data is loaded from a CSV file via d3.csv and rendered as SVG rectangles, with a custom tick formatter that converts numbers from G to B notation.

Aaditikandoi

95% match

Loading thumbnail…

Fork of Making a Bar Chart

This bar chart visualizes the population of the ten most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The chart uses D3 v5’s `scaleLinear` for the x-axis population scale and `scaleBand` for the categorical y-axis, with the population values converted from thousands to absolute numbers before rendering as SVG rectangles. Customized `axisBottom` and `axisLeft` axes remove default domain lines, add grid lines, and label the population axis with a custom tick format that abbreviates large numbers (e.g., replacing "G" with "B").

Aalvasilvao

95% match

Loading thumbnail…

Fork of Making a Bar Chart

This example visualizes the population of the 10 most populous countries using 2018 estimates from the United Nations World Population Prospects. Horizontal bars represent each country’s population, with a linear scale mapping values to bar width and a band scale positioning rows. The SVG chart is built with d3.scaleLinear, d3.scaleBand, d3.axisLeft, and d3.axisBottom, while data is loaded asynchronously from a JSON file. The chart renders static bars and axes with no interactivity, styled via a linked CSS file.

TTCSMFrogdance

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 2017. The chart uses a linear scale for the population values and a band scale for the country labels, with bars rendered as SVG rectangles. The code employs d3.scaleLinear, d3.scaleBand, d3.axisLeft, d3.axisBottom, and d3.csv to load and process the dataset. The axes are styled by removing the domain and tick lines, and the chart includes a title annotation.

SshanLU999

95% match