Fork of Making a Bar Chart

Fork of Making a Bar Chart

This example displays a horizontal bar chart of the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects 2017. It demonstrates customizations of D3 axes, including tick formatting that converts values to billions and removal of default domain lines. The chart uses d3.csv to load data, d3.scaleLinear and d3.scaleBand for scaling, and d3.axisLeft with d3.axisBottom to render SVG axes. The title and axis label are added as SVG text elements.

Mmicyen

Fork of Making a Bar Chart

This example shows a horizontal bar chart of the top 10 most populous countries, using 2018 population estimates from the United Nations World Population Prospects 2017. The chart customizes D3 axes by removing domain lines and tick lines, and formats tick labels with `d3.format` to abbreviate values (e.g., “B” for billions). It uses `d3.csv` to load data, `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and renders SVG rectangles. The chart is rotated 270 degrees via CSS.

Ssumitmishra9826

Fork of Making a Bar Chart

This example displays the top 10 most populous countries as a horizontal bar chart, using 2018 population estimates from the United Nations World Population Prospects. The chart customizes D3 axes by removing domain lines, adding tick marks, and formatting population values with the `format('.3s')` function, which converts large numbers into abbreviated labels like “B.” The visualization is built with D3 v5, loading data from a CSV file via `d3.csv`, and uses `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render SVG bars, labels, and a title.

RRobFaj

Fork of Making a Bar Chart

A horizontal bar chart displays the population of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects. The chart emphasizes customization of D3 axes, removing domain lines and applying a tick formatter that converts values to abbreviated units like "B" for billions. Built with D3 v5, the code uses `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render SVG rectangles, with labels for the title and x-axis.

SShalin Shah

Fork of Making a Bar Chart

This example shows a horizontal bar chart of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects. The chart uses D3 v5 with an SVG rendering, scaling population values via `d3.scaleLinear` and country names via `d3.scaleBand`. It customizes the axes with `d3.axisLeft` and `d3.axisBottom`, applies a `.3s` tick format that replaces “G” with “B”, and removes default axis domain lines. The data is loaded from a CSV file using `d3.csv`.

CCristina Macaraig

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, with values multiplied by 1,000 for accuracy. It demonstrates customization of D3 axes, including a horizontal linear scale with tick formatting that converts abbreviations (e.g., "G" to "B") and a vertical band scale for country names. The SVG rendering uses d3.csv, scaleLinear, scaleBand, axisBottom, and axisLeft. The chart includes a title, labeled x-axis, and gridlines created via tickSize, while gridlines and axis domains are selectively removed for a cleaner look.

DDanny Stephens

Fork of Making a Bar Chart

This chart displays the top 10 most populous countries using vertical bars, with population values from the 2018 estimate in United Nations: World Population Prospects 2017. It uses D3 v5's `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render an SVG bar chart, with custom tick formatting that converts billions to abbreviated labels. The chart demonstrates axis customization by removing gridlines and domain paths, and labels the x-axis "Population." Data is loaded from a CSV file and processed by multiplying population values by 1000.

AAD-W99

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