Fork of Making a Bar Chart

Fork of Making a Bar Chart

This chart visualizes the top 10 most populous countries, with horizontal bars ranked by population using 2018 data from the United Nations World Population Prospects. Built with D3 v5, it renders as an SVG and customizes the axes, removing domain lines and formatting tick labels to abbreviate large numbers (e.g., ‘B’ for billions). The code relies on D3’s `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft`, while styling bars with steelblue fill via CSS.

Ddeep221b

Fork of Making a Bar Chart

This horizontal bar chart displays the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects 2017. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render an SVG, with axes customized by removing domain lines and formatting tick labels. Population values are multiplied by 1,000 and drawn as steelblue rectangles, while titles and axis labels are added as SVG text elements.

PPriyansh Ramnani

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. It uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the SVG visualization, with custom tick formatting converting values to billions. The chart removes axis domain lines and includes a title and x-axis label, styling bars in steelblue via CSS.

TtreasurehunterAP

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

This bar chart displays the top 10 most populous countries in 2018, using population estimates from the United Nations World Population Prospects 2017. The visualization uses D3 v5 APIs including `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the chart, with data loaded from a CSV file. The chart features a custom tick formatter that converts large numbers to abbreviated units and includes axis labels and a title. The `svg` elements are rendered with a `steelblue` fill, demonstrating a basic D3 bar chart with customized axes and styling.

Ssohum42

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. Built with D3 v5, it uses `scaleLinear` and `scaleBand` for positioning, with `axisBottom` and `axisLeft` for labels. Population values are formatted with `format('.3s')` and converted from thousands. The chart renders as SVG, includes gridlines via tick sizes, and omits unnecessary axis domains and tick lines for a cleaner presentation.

NNoah-Holliday

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 with scaleLinear and scaleBand to map population values to bar widths and country names to vertical bands. Customized d3.axisBottom and axisLeft components include formatted tick labels that convert large numbers to abbreviated units, while the chart is rendered as SVG with a steelblue fill for each bar.

AAnis Ali

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