Skip to main content
SimilarExport ZIP
100%

BarChart with D3.js

✓ Published1🌍 Public
TTebid Quinsy
Last edited Dec 23, 2020
Created on Dec 22, 2020
Forked from Face with D3.js

This bar chart displays the populations of the 19 most populated countries, using data from UN 2020 estimates. The horizontal bars are sorted by country name, with each bar’s length proportional to its population. The visualization is built with D3 v5, using `scaleLinear` and `scaleBand` to map values, and `axisLeft` and `axisBottom` for the axes. Data is loaded from a CSV file and rendered as SVG rectangles with a green fill.

AI-generated description

Working with D3.js

  • Making a Bar Chart
  • Bar chart of 19 most populated countries

    Worth noting i did a bit of cleaning on the data before exporting into this format

  • Data comes from the year 2020 UN estimates in world population prospects
MIT Licensed

Similar vizzes

Loading thumbnail…

Bar Chart w/ D3.js

This bar chart displays the population of the ten most populous countries using 2018 estimates from the UN World Population Prospects. The visualization employs D3.js v6 with SVG rendering, using `scaleLinear` for the x-axis and `scaleBand` for categorical country labels. Population values, read from a CSV file via D3's `csv` method, are multiplied by 1000 before being drawn as steelblue rectangles with axes generated by `axisLeft` and `axisBottom`.

Ggoodej
91% match
Loading thumbnail…

Making a bar chart

This bar chart displays the populations of the 20 most populous countries, based on 2020 estimates from the United Nations World Population Prospects. The chart uses a horizontal layout with countries on the y-axis and population values on the x-axis. The code employs d3.scaleBand for the categorical y-axis and d3.scaleLinear for the numeric x-axis, rendering rectangular bars in SVG. Data is loaded using d3.dsv with semicolon delimiters, and axes are generated with d3.axisLeft and d3.axisBottom.

KKurt J Nilsen
91% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the populations of the ten most populous countries, using 2018 estimates from the United Nations World Population Prospects. The visualization pairs a linear scale for population values with a band scale for country names, rendering horizontal bars in SVG. Built with D3 v5, the code uses `d3.csv` to load the data, `scaleLinear` and `scaleBand` for scaling, and `axisLeft` and `axisBottom` to draw the axes. Population figures are multiplied by 1000 to reflect actual counts.

JJack Middlebrook
90% match
Loading thumbnail…

bar chart test

This bar chart displays the populations of the top 13 most populous countries using 2020 estimates from the United Nations World Population Prospects. The visualization uses D3 v6 with an SVG rendering, employing `d3.scaleLinear` for the horizontal population axis and `d3.scaleBand` for the vertical country categories. Data is loaded from a CSV file via `d3.csv`, and axes are generated with `d3.axisBottom` and `d3.axisLeft`, with bars styled in steel blue.

AAnthony Ynami
90% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the populations of the ten most populous countries based on 2018 United Nations estimates, with country names on the y-axis and population values on the x-axis. Built with D3 v5, it uses `d3.scaleLinear` and `d3.scaleBand` to map data, `d3.axisLeft` and `d3.axisBottom` for customized axes, and appends SVG rectangles for bars. The data is loaded from a CSV file and rendered as an SVG graphic.

Ccedriccaijo
90% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the populations of the top 10 most populous countries from a 2018 United Nations estimate. It uses D3 v5 to load CSV data, scale to a linear x-axis and banded y-axis, and render SVG rectangles for bars. The code specifically leverages `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`, with population values multiplied by 1000 for display.

DDavid Trye
90% match
Loading thumbnail…

Making A Bar Chart

This bar chart displays the population of the ten most populous countries, using 2019 estimates from the United Nations World Population Prospects. The visualization encodes population on the horizontal axis with a linear scale and country names on the vertical axis using a band scale. It is rendered as SVG, with axes generated via `axisLeft` and `axisBottom`, and bars drawn as rectangles whose widths map to the population values. The data is loaded asynchronously from an external CSV file using `d3.csv`.

EecoBela
90% match
Loading thumbnail…

Making a Bar Chart

This bar chart visualizes the populations of the ten most populous countries, based on 2018 estimates from the United Nations World Population Prospects. It uses D3 v5 to create an SVG with linear and band scales, displaying horizontal bars labeled by country. The chart’s axes are generated with `axisLeft` and `axisBottom`, while data is loaded from a CSV file and rendered as `rect` elements filled with steelblue, with a title added as a text element.

Mmorjyooo
90% match