Skip to main content
SimilarExport ZIP
100%

Making A Bar Chart

✓ Published1🌍 Public
MMargarita Chernetski
Last edited Jul 10, 2020
Created on Jul 10, 2020

A horizontal bar chart displays the populations of the top ten most populous countries as of a 2018 United Nations estimate. Steelblue bars are arranged in descending order along a categorical y-axis, with a linear x-axis measuring population in thousands. The visualization is built using D3 v5, leveraging its `csv`, `scaleBand`, `scaleLinear`, `axisLeft`, and `axisBottom` APIs to parse the data and project it into SVG.

AI-generated description

This bar charts shows population of the top 10 most populous countries. The data comes from the year 2018 estimate in United Nations: World Population Prospects 2017

MIT Licensed

Similar vizzes

Loading thumbnail…

Making a Bar Chart

This example displays a horizontal bar chart of the populations of the ten most populous countries, based on 2018 United Nations estimates. The chart uses D3 v7 with SVG rendering, relying on `scaleLinear` for the x-axis and `scaleBand` for the categorical y-axis. Data is loaded from a CSV file with `csv()`, and axes are drawn via `axisBottom` and `axisLeft`. Bars appear in steelblue, with dimensions mapped from population values and country names.

Mmrdeevid
93% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the populations of the top 10 most populous countries, with data from the 2018 United Nations World Population Prospects estimate. The chart uses a linear scale for population on the x-axis and a band scale for country names on the y-axis, with steelblue rectangles as bars. The visualization is rendered as SVG using D3 v5, employing `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the plot.

Ssrrajendran
93% 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 sorts countries along the y-axis with population values on the x-axis, rendered as steelblue bars in an SVG canvas. The visualization is built with D3 v5, employing `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` from the d3 module to construct scales and axes. Data is loaded from a CSV file using `csv` and processed by multiplying population values by 1000.

Ssrrajendran
93% match
Loading thumbnail…

Making a Bar Chart

A bar chart displays the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. Values are shown in millions, with countries listed along the vertical axis. The visualization uses d3.csv to load data, d3.scaleLinear and d3.scaleBand for scales, and customizes the d3.axisLeft and d3.axisBottom ticks with formatting. Population data is multiplied by 1000 before rendering as styled steelblue SVG rectangles.

Zzahra929
93% match
Loading thumbnail…

Making a Bar Chart

This example visualizes the 2018 populations of the top 10 most populous countries from United Nations data, presented as a horizontal bar chart. The chart ranks countries by population, with a steelblue fill for each bar and customized D3 axes that remove domain lines and use a tick format converting G to B (e.g., billions). Using d3.csv, d3.scaleLinear, and d3.scaleBand, the code maps population values to pixel widths and country names to vertical bands. The SVG rendering, with margins and axis labels, demonstrates how to structure axes in D3 v5.

Ssuyunlan
93% match
Loading thumbnail…

Making a Bar Chart

This example visualizes the 2018 populations of the top 10 most populous countries from United Nations data, presented as a horizontal bar chart. The chart ranks countries by population, with a steelblue fill for each bar and customized D3 axes that remove domain lines and use a tick format converting G to B (e.g., billions). Using d3.csv, d3.scaleLinear, and d3.scaleBand, the code maps population values to pixel widths and country names to vertical bands. The SVG rendering, with margins and axis labels, demonstrates how to structure axes in D3 v5.

Ssuyunlan
93% match
Loading thumbnail…

Making a bar chart

This bar chart shows the populations of the top 10 most populous countries in 2018, based on United Nations estimates. The chart uses vertical bars with a linear scale for population and a band scale for country names. The code imports specific functions from d3 v5—including `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`—to load the data and render the SVG elements. Bars are colored steelblue via CSS, and axes are positioned using margins and transforms.

NNadia W.
92% match
Loading thumbnail…

Making a bar chart

This bar chart shows the populations of the ten most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The horizontal bars are rendered as SVG rectangles, with lengths scaled linearly to population values, while country names are positioned on a band scale. The visualization uses D3 v5 APIs such as `csv` for data loading, `scaleLinear` and `scaleBand` for encoding, and `axisLeft` and `axisBottom` for tick marks. A steelblue fill style is applied via CSS.

SScubaman911
92% match