Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Bar Chart - Custom Axis

Public visualization

Viewing a saved revision (read-only)

a10f6214c7f44cf7b8e44780a3a4cbec

D3 Bar Chart - Custom Axis

0 stars1🌍 Public
YYoung Song
Last edited Jun 23, 2022
Created on Jun 17, 2022
Forked from D3 Bar Chart

This bar chart displays the population of ten countries using horizontal bars ordered by country name. The chart customizes its axes by formatting population values with abbreviations like “M” and “B” via `d3.format`, removing unnecessary axis lines, and adding grid lines through `axisBottom` with negative tick sizes. Built with D3 v7, it loads CSV data, scales values with `scaleLinear` and `scaleBand`, and renders the visualization as SVG.

AI-generated description
  • Formatting numbers
  • Removing unnecessary lines
  • Adding a visualization title
  • Adding axis labels
  • Making tick grid lines