Skip to main content
SimilarExport ZIP
100%

Making a Bar Chart

✓ Published0🌍 Public
AAn Jingyi
Last edited Apr 29, 2020
Created on Apr 29, 2020
Forked from 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 2017. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the SVG, with a custom tick formatter converting values to billions. Grid lines are drawn via the x-axis, while the y-axis domain and tick lines are removed for a cleaner look. Population data is loaded from a local CSV file using `d3.csv` and scaled by 1,000.

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 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 top 10 most populous countries based on 2018 estimates from the United Nations World Population Prospects. It uses D3 v5 with an SVG rendering, employing `scaleLinear` and `scaleBand` for axes, and `axisBottom` with a custom tick formatter that converts billions to "B" labels. The chart also removes default axis lines and adds a title and axis label. The data is loaded via `csv` from a local file, with population values scaled by 1000.

Aandy-yc-lin
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 top 10 most populous countries based on 2018 estimates from the United Nations World Population Prospects 2017, with population values multiplied by 1,000. The visualization uses D3 v5’s `scaleLinear` and `scaleBand` for axes, `axisBottom` for the population ticks, and `axisLeft` for country labels, while SVG rectangles render the bars in steelblue. The code formats large numbers with `format('.3s')` and customizes axes by removing default domains and tick lines.

Jjackalakalaka
96% match
Loading thumbnail…

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 2017, with population values multiplied by 1,000. The visualization uses D3 v5’s `scaleLinear` and `scaleBand` for axes, `axisBottom` for the population ticks, and `axisLeft` for country labels, while SVG rectangles render the bars in steelblue. The code formats large numbers with `format('.3s')` and customizes axes by removing default domains and tick lines.

Jjackalakalaka
96% 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
96% match
Loading thumbnail…

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 uses D3 v5 with an SVG rendering approach, employing `scaleLinear` for the population axis and `scaleBand` for country categories. It customizes axes with `axisLeft` and `axisBottom`, applies a custom tick formatter that abbreviates large numbers, and includes axis labels and a title. Population values are loaded from a CSV file and multiplied by 1,000 before plotting.

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

Sshehryar-hashir
96% match