Skip to main content
SimilarExport ZIP
100%

Fork of Making a Bar Chart

✓ Published1🌍 Public
Rrkagiri
Last edited Apr 14, 2021
Created on Apr 14, 2021
Forked from Making a Bar Chart

This bar chart shows the population of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects 2017. The code uses D3 v5 with `d3.csv`, `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to render the SVG chart. It customizes the x-axis tick format by converting large numbers to abbreviated units (e.g., 'B' for billions) and removes axis domain lines for a cleaner look. Data is loaded from a local CSV file.

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…

Fork of 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 2017. The chart customizes D3 axes with a left-aligned y-axis and a bottom x-axis using `d3.axisLeft` and `d3.axisBottom`, while `d3.scaleLinear` and `d3.scaleBand` map populations and country names to SVG rectangles. Data is loaded from a CSV file via `d3.csv`, with populations multiplied by 1000 for accurate scaling.

AApril Fangzhu Guo
97% match
Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The visualization uses D3 v5 with an SVG rendering, employing `scaleLinear`, `scaleBand`, and `axisBottom` to create the chart and format tick labels. The code also demonstrates axis customization by removing domain lines and adding custom labels. Population data is loaded from a CSV file and scaled for display.

NNaghub-coder
96% match
Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries in 2018, based on data from the United Nations World Population Prospects. It uses D3 v5 to load a CSV file, scale the population values linearly, and arrange countries on a band scale, with population shown in thousands. The visualization customizes the axes by removing domain lines, applying a compact tick format, and adding gridlines. The code imports specific D3 modules like scaleLinear, scaleBand, axisLeft, and axisBottom, rendering in SVG.

RRahulYN
96% match
Loading thumbnail…

Fork of Making a Bar Chart

This bar chart shows the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The chart uses D3 v5’s scaleLinear and scaleBand to map population values and country names, with axisBottom and axisLeft for tick marks and labels. The data is loaded from a CSV file via d3.csv and rendered as SVG rectangles, with a custom tick formatter that converts numbers from G to B notation.

Aaditikandoi
96% match
Loading thumbnail…

Fork of Making a Bar Chart V2

This bar chart displays the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects 2017. The code uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to build the visualization, with population values loaded from a CSV file. The chart customizes the x-axis tick labels with a `format` function that abbreviates numbers, and removes axis domains and tick lines for a cleaner look. Bars are drawn as SVG rectangles filled with steelblue.

RRahulYN
96% match
Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects 2017. It uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the SVG bars, with custom tick formatting using `format('.3s')` and an axis label. The chart also customizes axes by removing domain lines and tick lines, and includes a title. Population values are loaded from a CSV file and multiplied by 1000.

Ssmpitler
96% match
Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects 2017. It uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the SVG bars, with custom tick formatting using `format('.3s')` and an axis label. The chart also customizes axes by removing domain lines and tick lines, and includes a title. Population values are loaded from a CSV file and multiplied by 1000.

Ssmpitler
96% match
Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects 2017. It uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the SVG bars, with custom tick formatting using `format('.3s')` and an axis label. The chart also customizes axes by removing domain lines and tick lines, and includes a title. Population values are loaded from a CSV file and multiplied by 1000.

Ssmpitler
96% match