Skip to main content
SimilarExport ZIP
100%

Making a Bar Chart

✓ Published1🌍 Public
KKrishu
Last edited Aug 4, 2020
Created on Aug 4, 2020
Forked from Making a Bar Chart

A horizontal bar chart displays the 2018 population estimates for the top 10 most populous countries, sourced from the United Nations World Population Prospects. The visualization uses D3 v5 with SVG rendering, implementing scales, axes, and label formatting through `d3.scaleLinear`, `d3.scaleBand`, and `d3.axisBottom`. Interactive animation enhances the chart's presentation.

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 with an SVG rendering, featuring a linear scale for population values and a band scale for country names. Customized axes include formatted tick labels that convert units to billions and a horizontal grid. The chart applies a steelblue fill to bars and includes a title and axis label.

KKevinw97
93% match
Loading thumbnail…

Making a bar chart

A bar chart displays the 2018 population estimates for the top 10 most populous countries, sourced from United Nations: World Population Prospects 2017. The bars are rendered in SVG using D3 v5, with `d3.scaleLinear` mapping population to width and `d3.scaleBand` positioning countries along the vertical axis. Customized `d3.axisLeft` and `d3.axisBottom` axes show the country names and population values, while `d3.csv` loads the data file.

Mmallikgarjuna
92% match
Loading thumbnail…

Making a Bar Chart

A horizontal bar chart displays the top 10 most populous countries based on 2018 estimates from the United Nations World Population Prospects 2017. The bars are rendered as SVG rectangles, with a linear scale for population and a band scale for countries. The code leverages D3 modules such as `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to build the chart, and customizes the x-axis tick format to abbreviate large numbers. The chart also includes a title and labeled axis.

IIrtaza
92% 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 v6 with SVG rendering, employing `d3.csv` to load data, `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisLeft`/`axisBottom` for the axes. Bars are drawn as SVG rectangles whose widths are proportional to population values, with a steelblue fill and a left margin accommodating country labels.

Jjwu534@gmail.com
92% 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. Each bar’s length is scaled linearly to population values, while country names are positioned along a band scale. The chart is rendered as SVG using D3 v5, with axes generated through `d3.axisLeft` and `d3.axisBottom`, and data loaded via `d3.csv`. Grid lines and axis labels are formatted using `d3.format`.

BBraja Gopal Das
92% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the population estimates for the top 10 most populous countries in 2018, based on data from the United Nations World Population Prospects. The visualization uses d3.csv to load the data and d3.scaleLinear, d3.scaleBand, d3.axisLeft, and d3.axisBottom to map population values and country names to the SVG canvas. Bars are rendered as SVG rectangles, with axes drawn to show the population scale and country labels. The chart is built with D3 v5 and styles the bars in steel blue.

VVincent Ko
92% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the population estimates for the top 10 most populous countries in 2018, based on data from the United Nations World Population Prospects. The visualization uses d3.csv to load the data and d3.scaleLinear, d3.scaleBand, d3.axisLeft, and d3.axisBottom to map population values and country names to the SVG canvas. Bars are rendered as SVG rectangles, with axes drawn to show the population scale and country labels. The chart is built with D3 v5 and styles the bars in steel blue.

VVincent Ko
92% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the population estimates for the top 10 most populous countries in 2018, based on data from the United Nations World Population Prospects. The visualization uses d3.csv to load the data and d3.scaleLinear, d3.scaleBand, d3.axisLeft, and d3.axisBottom to map population values and country names to the SVG canvas. Bars are rendered as SVG rectangles, with axes drawn to show the population scale and country labels. The chart is built with D3 v5 and styles the bars in steel blue.

VVincent Ko
92% match