Fork of Fork of Making a Bar Chart

Fork of Fork of Fork of Fork of Making a Bar Chart

This horizontal bar chart displays the top 10 most populous countries using 2018 United Nations population estimates. The visualization encodes population values as bar lengths along a linear scale, with country names on a band scale. The code uses d3.csv, d3.scaleLinear, d3.scaleBand, d3.axisLeft, and d3.axisBottom to construct the SVG rendering. Population figures are formatted in billions using d3.format, with axis grid lines and customized tick labels.

Vvipulrohit127@gmail.com

Fork of Making a Bar Chart

This bar chart displays the populations of the top 10 most populous countries, based on 2018 United Nations estimates. It shows how a D3 v5 bar chart can be customized, with axes and tick labels formatted using `d3.format`. The visualization uses `d3.scaleLinear` and `d3.scaleBand` to map population values and country names, while `d3.axisBottom` and `d3.axisLeft` render the axes. The data is loaded with `d3.csv` and rendered as SVG rectangles with a steelblue fill.

AAnimesh Nautiyal

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

Ooliverkendall99@gmail.com

Fork of 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. The visualization uses D3 v5’s `scaleLinear` and `scaleBand` to map population values and country names, with axes customized via `axisBottom` and `axisLeft`. Population values are formatted with `format('.3s')` to abbreviate large numbers, and the data is loaded asynchronously from a CSV file using `d3.csv`. The SVG rendering includes a title and axis label for clarity.

Fork of Fork of Fork of Making a Bar Chart

This horizontal bar chart displays the populations of the ten most populous countries, using 2018 estimates from the United Nations World Population Prospects. The chart features customized axes, including formatted tick labels that convert billions to the appropriate scale. Built with D3 v5, the visualization uses `scaleLinear` and `scaleBand` to map population values and country names, respectively. The `axisBottom` and `axisLeft` functions create the axes, while the data is loaded from a CSV file and rendered as SVG rectangles.

Vvipulrohit127@gmail.com

Fork of 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.

Rrkagiri

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

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