Fork of Fork of Bar Chart3

100%

Fork of Fork of Bar Chart3

✓ Published1🌍 Public

Last edited May 20, 2021

Created on May 20, 2021

This bar chart displays the population of nine U.S. states based on 2018 estimates from the United Nations World Population Prospects. The horizontal bars use a linear scale for the number of residents and a band scale for state names, with axis helpers adding labeled ticks. The SVG is rendered using D3 v5, with data loaded from a CSV file and numeric values parsed before drawing rectangles.

AI-generated description

This bar chart shows population of the 10 most populous countries. The data comes from the year 2018 estimate in [United Nations: World Population Prospects 2017] (https://population.un.org/wpp/Download/Standard/Population/)

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of Making a Bar Chart

This bar chart displays the 2018 population estimates for the ten most populous countries, drawn from United Nations data. It uses D3 v5 APIs including `select`, `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render an SVG graphic. The chart customizes axes by removing gridlines and domains, and formats population values using `format('.3s')` to abbreviate numbers with a 'B' suffix, while the x-axis label is annotated as "Population". Bars are filled with a steelblue color via CSS.

Jjohncoder21

86% match

Loading thumbnail…

Fork

This horizontal bar chart displays the population of U.S. states in 2014, sourced from a Plotly-hosted CSV dataset. The visualization uses D3 v5’s `scaleLinear` and `scaleBand` to map population values to bar lengths and state names to rows, with `axisLeft` and `axisBottom` rendering the axes. Custom tick formatting via `format('.3s')` abbreviates large numbers, while red bars and a title clarify the data. The code loads the CSV with `d3.csv`, converts population strings to numbers, and draws the chart in an SVG.

Ppavan vasamsetti

85% match

Loading thumbnail…

Fork of Making a Bar Chart

This fork of a bar chart visualizes the population of ten countries using data from the United Nations’ 2017 World Population Prospects. The chart uses d3.scaleLinear and d3.scaleBand to map population values to horizontal bar lengths and country names to the vertical axis. Rendered as SVG, it applies axis functions from d3, and the data is loaded from a CSV file. The bars are styled with a steelblue fill.

SshanLU999

85% match

Loading thumbnail…

Fork of Fork of 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 chart uses a linear scale for the population axis and a band scale for countries, with bars rendered as SVG rectangles. It customizes the D3 axes, including a formatted tick label that converts large numbers to abbreviated units and removes default axis lines. The code loads data from a CSV file and relies on d3.csv, scaleLinear, scaleBand, axisBottom, axisLeft, and format.

Sskambhore04

84% match

Loading thumbnail…

Fork of Making a Bar Chart

This example visualizes the population of the 10 most populous countries using 2018 estimates from the United Nations World Population Prospects. Horizontal bars represent each country’s population, with a linear scale mapping values to bar width and a band scale positioning rows. The SVG chart is built with d3.scaleLinear, d3.scaleBand, d3.axisLeft, and d3.axisBottom, while data is loaded asynchronously from a JSON file. The chart renders static bars and axes with no interactivity, styled via a linked CSS file.

TTCSMFrogdance

84% match

Loading thumbnail…

Fork of Fork of Making a Bar Chart

This bar chart displays the populations of the world’s ten most populous countries, using 2018 estimates from the United Nations World Population Prospects. The visualization encodes each country’s population as the length of a horizontal bar, sorted by value, with a linear scale on the x-axis and a band scale on the y-axis. Built with D3 v5, the code loads data from a CSV file via `d3.csv`, then renders SVG rectangles using `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft`. The data is explicitly parsed into numeric population values before rendering.

Jjerry691

84% match

Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the 2018 population estimates for the ten most populous countries, using data from the United Nations' World Population Prospects 2017. The visualization employs D3 v6 APIs including `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to create an SVG rendering with horizontal bars. Population values are formatted in thousands, with each rectangle’s width scaled proportionally and countries listed on the y-axis. The chart is built with a margin-based layout and uses `selectAll` to bind data to SVG rectangles.

AAndrewRiceMGW

84% match

Loading thumbnail…

Fork of Making a Bar Chart

This fork of a D3 bar chart displays the population of the ten most populous countries, based on 2018 estimates from the United Nations’ World Population Prospects 2017. The visualization uses D3 v5’s `scaleLinear` and `scaleBand` to map population values and country names to SVG rectangles, with axes generated by `axisLeft` and `axisBottom`. Data is loaded from a CSV file via `d3.csv`, and each population value is multiplied by 1000 to reflect actual figures. The chart renders purely as SVG, with steelblue bars.

AAustin Krauss

84% match