Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Custermizing Axes

Public visualization

Viewing a saved revision (read-only)

cea5cca7a2744737ab420a0aa9ad9a32

Custermizing Axes

0 stars1🌍 Public
KKazushige Okuma
Last edited Sep 22, 2019
Created on Sep 21, 2019
Forked from Making a Barchart

A bar chart displays the population of the top ten most populous countries, with horizontal bars sorted by value. The chart customizes its axes by removing the y-axis line and ticks, adding a custom x-axis label, and formatting tick labels with abbreviations like "1.41B" using d3.format. Built with d3.scaleBand and d3.scaleLinear, the SVG uses d3.axisBottom and d3.axisLeft, with styling applied via CSS classes. Data comes from a local CSV file, loaded with d3.csv and processed to multiply population values by 1000.

AI-generated description

An example showing the capabilities of VizHub.