Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed