ElAzyzNasrallah

@ElAzyzNasrallah·2 public vizzes

Customizing Axes!

A bar chart displays the population of the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects. It shows horizontal bars ordered by population, with a customized axis label and formatted tick values that convert large numbers to abbreviated forms (e.g., "B" for billions). The visualization is built with D3 v5, using `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft`, while removing default axis domain lines and styling tick text. Population values are multiplied by 1000 after loading from a CSV file.

Sep 6, 2021

Loading thumbnail…

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. Each bar’s length encodes population, with countries listed vertically. The visualization uses d3.csv to load the data, d3.scaleLinear for the x-axis, d3.scaleBand for the y-axis, and d3.axisLeft and d3.axisBottom to render axes. Data is drawn as SVG rectangles within a fixed 960×500 viewport, with a steelblue fill defined in CSS.

Sep 6, 2021