Skip to main content
SimilarExport ZIP
100%

Making a Bar Chart

✓ Published1🌍 Public
Sshehryar-hashir
Last edited Mar 2, 2020
Created on Mar 2, 2020
Forked from 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 chart uses D3 v5 with an SVG rendering, employing `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the categorical y-axis. Customized `d3.axisLeft` and `d3.axisBottom` remove domain lines, add gridlines, and format tick labels using `d3.format`. Data is loaded from a local CSV file and scaled to show thousands.

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…

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. Built with D3 v5, it renders an SVG and demonstrates customized axes: the y-axis removes its domain and tick lines, while the x-axis uses a tick formatter to abbreviate numbers (e.g., converting billions) and includes a labeled axis title. Data is loaded from a CSV and scaled using `d3.scaleLinear` and `d3.scaleBand`, with axes created via `d3.axisLeft` and `d3.axisBottom`.

SStephen Freeman
97% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries using 2018 data from the United Nations World Population Prospects. The chart uses D3 v5 with SVG rendering, employing `scaleLinear` and `scaleBand` for positioning, and customizes the axes with `axisLeft` and `axisBottom`. Population values are loaded from a CSV file and formatted with a custom tick format that abbreviates large numbers. The visualization also includes axis labels and a title, with gridlines created through the x-axis tick size.

PPhilippe Rigovanov
97% match
Loading thumbnail…

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 2017. The chart uses D3 v5 with an SVG rendering, employing `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the categorical y-axis, with customized axes via `d3.axisBottom` and `d3.axisLeft`. Data is loaded from a CSV file and formatted using `d3.format`, with the x-axis label and title added as SVG text elements.

PPrasad Govardhankar
97% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the populations of the top 10 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 the countries, with customized D3 axes that remove domain lines and apply abbreviated tick labels. Built with D3 v5 and rendered as SVG, the code loads data from a CSV file and formats population values in thousands, with the x-axis labeled "Population" and a title above the chart.

Hhbzaheer
97% 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 2017. The visualization uses D3 v5 scales, axes, and SVG rendering, with a linear scale for population and a band scale for countries. The code imports specific D3 functions including `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`, and customizes the x-axis tick format using the `format` helper to abbreviate numbers with suffixes. Data is loaded from a local CSV file, and the chart includes a title and axis label.

KKelsey Law
97% 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’s `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisBottom` and `axisLeft` to render ticks, with tick labels formatted in billions (e.g., "1.42B"). The SVG rendering includes custom styling for grid lines, axis labels, and a title. Data is loaded asynchronously from a CSV file using `d3.csv`, with population values converted from strings to numbers.

WWarren-Fitzhenry
97% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, using 2018 data from the United Nations World Population Prospects. The visualization uses D3 v5 with an SVG rendering, employing `scaleLinear` and `scaleBand` for axes, with `axisBottom` and `axisLeft` to generate customized ticks and gridlines. Population values are read from a CSV file, multiplied by 1000, and bars are drawn as `rect` elements with a steelblue fill, while a custom tick formatter converts large numbers to abbreviated notation.

Rrkagiri
97% 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. It shows a horizontal bar layout with country names on the y-axis and population values on the x-axis, featuring custom axis formatting that converts large numbers to abbreviated units like “B” for billions. Built with D3 v5, the example uses `d3.scaleLinear` and `d3.scaleBand` for positioning, `d3.axisLeft` and `d3.axisBottom` for axes, and `d3.csv` to load data. The chart is rendered as SVG elements with styled rectangles.

SSuvrajit karmaker
97% match