Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing axes

Public visualization

Viewing a saved revision (read-only)

00343e1d932e411988ac357f8b2d2c7e

Customizing axes

0 stars2🌍 Public
MMatthiasVanCampen
Last edited Jan 27, 2020
Created on Jan 26, 2020

A horizontal bar chart displays the top 10 most populous countries, with inhabitants counted in thousands and formatted as abbreviated values like "1.44B". The chart uses d3.scaleLinear for the x-axis, d3.scaleBand for country categories, and d3.axisBottom with custom tick formatting via d3.format. It renders as SVG, with grid lines from tickSize, and removes default axis domains for a cleaner look. Data comes from a CSV file loaded using d3.csv.

AI-generated description

This data comes from my own idea about how interesting different visualisation techniques can be in order to get an amazing Project Visualisation dashboard.