Skip to main content
SimilarExport ZIP
100%

Fork of Making a Bar Chart finished

✓ Published0🌍 Public
NNigel
Last edited Aug 30, 2022
Created on Aug 30, 2022
Forked from Making a Bar Chart

This bar chart displays the top 10 most populous countries based on 2018 United Nations population estimates, with populations converted to raw counts from thousands. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render an SVG, including customized tick formatting that abbreviates large numbers with the `format` function. Grid lines and labels are styled via margins and axis customization, while the data is loaded from a local CSV file using `d3.csv`.

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 top 10 most populous countries based on 2018 United Nations estimates, with population values in thousands. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the SVG bars, while a custom tick formatter converts large numbers to readable abbreviations like “B” for billions. Axis labels and a title are added manually, and gridlines are drawn via `tickSize(-innerHeight)`. Data is loaded from a local CSV file, with the population column multiplied by 1000 during preprocessing.

Nnathan@shieldsonline.org
95% match
Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the top 10 most populous countries based on 2018 United Nations population estimates, with values converted from thousands to absolute numbers. The visualization uses D3 v5’s `scaleLinear` for the x-axis, `scaleBand` for categorical country labels, and custom axis formatting via `format('.3s')` to abbreviate large numbers. Grid lines are generated with `tickSize(-innerHeight)`, while axis labels and a title are added directly to the SVG. Data loads asynchronously from a CSV file using `d3.csv`.

CComplicated Phenomenon
95% match
Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the top 10 most populous countries using 2018 United Nations population estimates, with values reformatted to show billions. The visualization uses D3 v5’s `scaleLinear` and `scaleBand` to map population and country names, while `axisBottom` and `axisLeft` render the axes. The chart features a custom tick formatter that abbreviates numbers with `format('.3s')`, and SVG rectangles are colored steelblue via CSS. Data is loaded from a CSV file and rendered with d3.csv.

JJingyi Feng
94% match
Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the top 10 most populous countries, using 2018 population estimates from the United Nations’ World Population Prospects 2017. The data is loaded from a CSV file and rendered as SVG rectangles. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the axes, with custom tick formatting that abbreviates large numbers. A title and axis label are also included, and the chart demonstrates customization of D3 axes by removing default domain lines.

WWilliam He
94% match
Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the top 10 most populous countries based on 2018 United Nations estimates, with population values scaled in thousands. Using D3 v5, the visualization employs `scaleLinear` and `scaleBand` to map population counts and country names, while `axisBottom` and `axisLeft` render formatted axes with a custom tick format that converts large numbers to abbreviated units. The SVG rendering includes gridlines, a title, and an axis label, with horizontal bars styled in steel blue.

Sskambhore04
94% match
Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the top 10 most populous countries using 2018 United Nations population estimates. It uses d3.scaleLinear for the x-axis and d3.scaleBand for the y-axis, with d3.axisBottom and d3.axisLeft for customized tick formatting. The SVG rendering includes grid lines and labels, and the data is loaded from a CSV file via d3.csv, with population values converted to thousands.

Ssandeepss2020
94% match
Loading thumbnail…

Fork of Making a Bar Chart

This bar chart visualizes the population of the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects. The chart uses D3 v5’s `scaleLinear` and `scaleBand` to map population counts to bar lengths and country names to vertical positions, with customized axes created through `axisLeft` and `axisBottom`. Grid lines are generated by the x-axis tick marks, and tick labels are formatted using `format('.3s')` to display values in billions. The bars are rendered as SVG rectangles with a steelblue fill, and the data is loaded from a CSV file.

EEunice Tu
93% match
Loading thumbnail…

Fork of Making a Bar Chart

This fork of a D3 bar chart displays the top 10 most populous countries based on 2018 United Nations estimates. Using D3 v5, the SVG visualization customizes both axes: the left axis labels are stripped of their domain line, while the bottom axis uses a `.3s` format that converts billions (G) to billions (B). The chart also removes the x-axis domain line and adds custom axis and title labels. Data is loaded from a CSV file and population values are multiplied by 1000.

Ddabreadman (YI XIANG TAN)
93% match