Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

d7b1447c423443f0b6b8c1cfd35ea54b

Stylized Bar Chart

0 stars2🌍 Public
AAndre J Denais
Last edited Jul 26, 2021
Created on Sep 11, 2020

This stylized bar chart displays the population of the ten most populous countries for 2020, sourced from the UN Population dataset. The horizontal bars extend from zero based on a linear scale, with a custom formatter converting values (e.g., "1.4B"). Built with React and rendered as SVG, the visualization employs `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the quantitative x-axis, drawing tick marks via `AxisBottom` and `AxisLeft`. Hovering over a bar reveals its exact population through a native `<title>` tooltip.

AI-generated description

A program for playing with Bar Charts in D3.