Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Component Bar Chart

Public visualization

Viewing a saved revision (read-only)

3b28752785d848149496005125ae1e59

Component Bar Chart

0 stars1🌍 Public
MMark Lam
Last edited Oct 28, 2021
Created on Jul 20, 2021
Forked from Margin Bar Chart

This example shows a horizontal bar chart of the top 10 countries by 2020 population, sourced from a UN population CSV. The bars are rendered as SVG rectangles using React, with the y-axis positioning driven by d3.scaleBand and bar widths mapped through d3.scaleLinear. Axes are custom-built components that generate tick marks and labels using d3’s tick method and scale domain iteration.

AI-generated description

Axes with 3D