Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes (Bar Chart)

Public visualization

Viewing a saved revision (read-only)

2fcf1bc2d3d34829828ea376762a96f6

Customizing Axes (Bar Chart)

0 stars1🌍 Public
BBendrog
Last edited Feb 11, 2020
Created on Feb 11, 2020

This bar chart displays the population of the top 10 most populous countries, sorted by country name on the y-axis and population on the x-axis. The example uses d3.csv to load the data, d3.scaleLinear and d3.scaleBand for scaling, and d3.axisBottom along with d3.axisLeft for the axes. It customizes the axes by removing the domain lines, adding tick marks that span the chart height, and appending a text label for the x-axis, with tick formatting that converts billions to "B".

AI-generated description

A program that loads and parses some CSV data: CSS Named Colors.