Fork of Making a Bar Chart

100%

Fork of Making a Bar Chart

✓ Published0🌍 Public

Last edited Dec 8, 2022

Created on Dec 8, 2022

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.

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

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 renders as SVG, with bars colored steelblue and a title, axis labels, and gridlines produced using D3 v5 APIs including `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`. The y-axis shows country names without ticks, and the x-axis uses a custom tick format that abbreviates large numbers with 'B' for billions.

Hhuizrh

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. The chart uses D3 v5’s `scaleLinear` and `scaleBand` to map population values and country names, with `axisBottom` and `axisLeft` for the axes. Population values are formatted with `format('.3s')` and converted from thousands to full numbers. The SVG rendering includes custom axis labels and a title, with bars styled in steelblue via CSS.

Wwallacewangchao

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

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

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

A horizontal bar chart displays the population of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects. The chart emphasizes customization of D3 axes, removing domain lines and applying a tick formatter that converts values to abbreviated units like "B" for billions. Built with D3 v5, the code uses `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render SVG rectangles, with labels for the title and x-axis.

SShalin Shah

95% match

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