Fork of Making a Bar Chart

100%

Fork of Making a Bar Chart

✓ Published0🌍 Public

Last edited Dec 22, 2021

Created on Dec 21, 2021

This bar chart displays the top 10 most populous countries, using 2018 population estimates from the United Nations’ World Population Prospects 2017. The data is loaded from a CSV file and rendered as SVG rectangles. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the axes, with custom tick formatting that abbreviates large numbers. A title and axis label are also included, and the chart demonstrates customization of D3 axes by removing default domain lines.

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 top 10 most populous countries in 2018, using population estimates from the United Nations World Population Prospects 2017. The visualization uses D3 v5 APIs including `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the chart, with data loaded from a CSV file. The chart features a custom tick formatter that converts large numbers to abbreviated units and includes axis labels and a title. The `svg` elements are rendered with a `steelblue` fill, demonstrating a basic D3 bar chart with customized axes and styling.

Ssohum42

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

97% match

Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, with data from the 2018 United Nations World Population Prospects estimate. It uses d3.csv to load the data and d3.scaleLinear, d3.scaleBand, d3.axisLeft, and d3.axisBottom to construct the visualization, which is rendered as SVG. The chart customizes the axes by removing tick lines, formatting population values with d3.format, and adding axis and title labels.

Bbepnye@gmail.com

97% match

Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the top 10 most populous countries based on 2018 estimates from the United Nations World Population Prospects. The visualization customizes D3 axes, removing domain lines and using tick marks that span the chart’s height. Population values are loaded from a CSV file and formatted with abbreviations like “B” for billions using `d3.format`. The chart is rendered with SVG elements, using `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisBottom` and `axisLeft` to generate ticks.

Ssnehareddygurram

96% match

Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the top 10 most populous countries using 2018 population estimates from the United Nations World Population Prospects 2017. The visualization uses D3 v5 APIs including `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render an SVG chart with custom tick formatting that abbreviates large numbers. The horizontal bars are colored steelblue, with a title and axis label added via appended SVG text elements. Data is loaded from a CSV file and processed in JavaScript before being mapped to bar widths and y-axis positions.

MManue21

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 visualization demonstrates custom axis formatting: the x-axis converts large numbers to abbreviated form—replacing 'G' with 'B'—and removes default axis lines for a cleaner look. Built with D3 v5, it uses `scaleLinear` and `scaleBand` for scaling, and `axisBottom` and `axisLeft` for axes. Data is loaded from a CSV file via `d3.csv` and rendered as SVG rectangles.

RRYAN

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

96% 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. The visualization uses d3.csv, d3.scaleLinear, d3.scaleBand, d3.axisLeft, d3.axisBottom, and d3.format to render an SVG with labeled axes and a title. A custom tick formatter converts large numbers into abbreviated units, such as billions, while the y-axis labels are cleaned of extra lines. Data is loaded from a local CSV file and rendered with steel-blue bars.

KKELVIN WAMBUA NZIOKI

96% match