Skip to main content
SimilarExport ZIP
100%

Making a Bar Chart

✓ Published0🌍 Public
Sshehryar-hashir
Last edited Mar 2, 2020
Created on Mar 2, 2020
Forked from Making a Bar Chart

A bar chart displays the populations of the top 10 most populous countries, using 2018 United Nations estimates. The chart presents data from a CSV file, with population values scaled by a factor of 1,000. It uses D3 v5 with `scaleLinear` and `scaleBand` for scales, `axisBottom` and `axisLeft` for axes, and SVG rendering with custom tick formatting. A YouTube tutorial accompanies the example.

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 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
96% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the populations of the top 10 most populous countries based on 2018 United Nations estimates, with countries listed on the y-axis and horizontal bars sized by population. The visualization uses D3 v5 APIs including `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to construct the axes, with tick labels formatted using `format('.3s')`. Population values from the CSV file are multiplied by 1,000 before scaling. The SVG rendering includes custom axis styling, removed domain lines, and labeled axes for population and the chart title.

Bbilal
95% match
Loading thumbnail…

Making a Bar Chart

This bar chart visualizes the populations of the top 10 most populous countries using 2018 United Nations data. It uses d3.scaleLinear for the x-axis population scale, d3.scaleBand for the categorical y-axis, and renders as SVG. The code loads data from a CSV via d3.csv, converts population values to thousands, and appends axis components with d3.axisLeft and d3.axisBottom to a transformed group.

HHeschmat
95% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the populations of the top 10 most populous countries, based on 2018 United Nations estimates. It uses D3 v5 APIs including `csv`, `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to render the visualization as SVG. The chart customizes axes by removing domain lines and ticks, and formats population labels using `format('.3s')` with a custom “B” suffix for billions. The data loads from the local `data.csv` file and is preprocessed by multiplying values by 1000.

CCurran Kelleher
94% match
Loading thumbnail…

Making a Bar Chart

This bar chart shows the population of the top 10 most populous countries based on 2018 United Nations estimates, with countries on the y-axis and population values on the x-axis. It uses D3 v5 to load the CSV data, apply a linear scale for population and a band scale for countries, and render SVG rectangles with formatted tick labels via `axisBottom` and `axisLeft`. The chart is drawn inside an 800×480 SVG element with margins, and the axes are customized by removing domain lines and tick lines on the y-axis.

VVincent Ko
94% match
Loading thumbnail…

Making a Bar Chart

A bar chart displays the population of the top 10 most populous countries using 2018 estimates from the United Nations’ World Population Prospects 2017. The chart uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the bars, with axes customized to remove domain lines and format population ticks in billions. SVGs are generated dynamically via `csv()` loaded data, and the chart includes a title and x-axis label.

Sswvogt
94% match
Loading thumbnail…

Making a Bar Chart

This example shows the population of the top 10 most populous countries from the 2018 United Nations World Population Prospects estimate. The bar chart uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to map the data, with bars rendered as SVG `rect` elements. It customizes the chart’s margins and axis labels, while the data is loaded from a CSV file using `d3.csv`.

Bbio_sun
94% match
Loading thumbnail…

Making a Bar Chart

This example shows the population of the top 10 most populous countries in 2018, based on United Nations data loaded from a CSV file. A bar chart renders the values using D3 v5’s `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisLeft`/`axisBottom` for the axes. The SVG bars are appended via `selectAll` and `data`, with the population values scaled by a factor of 1,000. The chart is styled with steel-blue rectangles and is rendered entirely in SVG.

Ssrrajendran
94% match