Making a Bar Chart

100%

Making a Bar Chart

✓ Published1🌍 Public

Last edited Jul 19, 2020

Created on Jul 19, 2020

This horizontal bar chart displays the populations of 19 eastern Japanese prefectures, using data from the United Nations World Population Prospects 2020 estimates, converted to absolute values (multiplied by 1,000). Built with D3 v5, the visualization maps population to a linear scale (`scaleLinear`) for the x-axis and prefecture names to a band scale (`scaleBand`) for the y-axis, rendering bars as SVG `rect` elements. Axes are added via `axisLeft` and `axisBottom`, with all marks styled in steel blue using a global CSS rule.

AI-generated description

This barchart shows population of the east j most populous prefs.. The data comes from the year 2020 estimate in Unaited Nations:World Population Prospects 2020

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Stylized Bar Chart

This visualization displays the population of Japanese prefectures as a scatter plot, with each circle representing a prefecture positioned by population size on the x-axis and prefecture name on the y-axis. The chart uses React components to render SVG elements, with d3.scaleLinear for both axes and d3.csv for loading data from a GitHub-hosted dataset derived from United Nations World Population Prospects 2019. Circle marks include native SVG title tooltips showing formatted population values, and the styling uses custom CSS with the Poppins font.

Vvanquisher2000

83% 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 visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for the population axis and `scaleBand` for country categories. The code includes `axisBottom` with custom tick formatting that converts large numbers to abbreviated units, plus `axisLeft` for country labels. Horizontal gridlines are drawn using `tickSize(-innerHeight)`, and the chart includes axis labels and a title.

TTomoyukiEguchi

81% match

Loading thumbnail…

Making a Bar Chart

This bar chart shows the estimated 2020 populations of several countries, using data from the United Nations World Population Prospects 2017. Population values are displayed as horizontal bars, sorted alphabetically by country name, with the chart rendered as an SVG. The visualization uses d3.csv to load the data, and d3.scaleLinear and d3.scaleBand to map population values and country names to screen positions. Axes are generated with d3.axisLeft and d3.axisBottom, while bars are appended as SVG rectangles with a steelblue fill.

Vvic126

81% match

Loading thumbnail…

Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, using 2019 estimates from the United Nations World Population Prospects 2020. The visualization uses D3 v6 with an SVG rendering approach, employing `scaleLinear` for the x-axis and `scaleBand` for the y-axis. Data is loaded from a CSV file, with populations multiplied by 1000 to represent actual figures. The chart includes axes generated via `axisLeft` and `axisBottom`, with dark blue bars against a light blue background.

SShokoLocoMocco

81% 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

81% 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 D3 v5 code loads data from a CSV file and uses `scaleLinear` for the x-axis and `scaleBand` for the categorical y-axis, with `axisLeft` and `axisBottom` for rendering tick marks. Population values are multiplied by 1,000, and rectangular bars are appended to an SVG, styled with steelblue fill.

Hhirokat

81% 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

81% match

Loading thumbnail…

Making a Bar Chart

A horizontal bar chart displays the 2018 population estimates for the ten most populous countries, sourced from the United Nations World Population Prospects 2017. The visualization is built with D3 v5, using `scaleLinear` for the population axis and `scaleBand` for the categorical country axis, rendered as SVG rectangles. Axis ticks and labels are added via `axisLeft` and `axisBottom`, with data loaded from a CSV file and population values multiplied by 1000 to reflect actual counts.

AAnne Kerr

81% match