Skip to main content
SimilarExport ZIP
100%

Fork of Read from Excel

✓ Published0🌍 Public
WWangJiaCheng1999
Last edited May 28, 2021
Created on May 27, 2021
Forked from Read from Excel

A horizontal bar chart displays the population of the top 10 most populous countries using 2018 UN estimates, with each bar colored by a value from the CSV file. The visualization uses d3.csv to load data, d3.scaleLinear and d3.scaleBand for positioning, and d3.axisBottom with a tick formatter that abbreviates large numbers to billions. Axes are rendered as SVG, with gridlines from tickSize, and the chart includes a title and axis label.

AI-generated description

This bar chart shows population of the top 10 most populous countries. The data is sourced from 2018 estimate from the link: https://esa.un.org/unpd/wpp/download/standard/population/

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries based on 2018 United Nations estimates. The D3 v5 code uses `d3.csv`, `scaleLinear`, and `scaleBand` to map population values to horizontal bar lengths and country names to vertical bands. Customized `axisBottom` and `axisLeft` axes include a formatted tick label that converts billions to “B”. The visualization is rendered as an SVG, with bars colored steelblue via CSS.

Vvipulrohit127@gmail.com
87% match
Loading thumbnail…

Fork of Bar chart

A horizontal bar chart displays the populations of the top 10 most populous countries, based on 2018 estimates from the UN World Population Prospects. The chart uses D3 v6 (d3.scaleLinear, d3.scaleBand, d3.axisLeft, d3.axisBottom) to render SVG rectangles, with population values loaded from a CSV file and scaled in thousands. Bars are drawn from left to right, with country labels on the y-axis and a numeric x-axis.

Aaishstha
87% match
Loading thumbnail…

Fork of Fork of Making a Bar Chart

A horizontal bar chart displays the population of the ten most populous countries, with values from a 2018 United Nations estimate scaled by a factor of one thousand. The visualization uses d3.csv to load the dataset, then applies d3.scaleLinear for the x-axis and d3.scaleBand for the categorical y-axis. SVG rectangles are bound to the data, and axes are rendered using d3.axisLeft and d3.axisBottom, with the chart drawn within a fixed 960×500 SVG viewport.

DDINESH SAI BOPPANA
87% match
Loading thumbnail…

Fork of Making a Bar Chart

This horizontal bar chart displays the populations of the ten most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The visualization uses D3 v5 with an SVG rendering approach, employing `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the categorical y-axis, and `d3.axisLeft` and `d3.axisBottom` for tick marks. Data is loaded from a CSV file via `d3.csv`, with population values converted to numbers and scaled by 1,000.

WWangJiaCheng1999
86% match
Loading thumbnail…

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.

Ooliverkendall99@gmail.com
86% 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
86% 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. It uses d3.csv to load the data and d3.scaleLinear, d3.scaleBand, d3.axisLeft, and d3.axisBottom to render the visualization in SVG. The chart customizes axes by removing domain lines, applying a tick format that converts billions to a compact label, and adding a titled axis label.

DDavid-Wong110723
86% 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
86% match