Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes - TestD3

Public visualization

Viewing a saved revision (read-only)

c6c18a9c70f742118572a0af022e7621

Customizing Axes - TestD3

0 stars0🌍 Public
PPhilRG
Last edited May 31, 2020
Created on May 31, 2020
Forked from React Starter

This example visualizes the Top 10 Most Populous Countries using horizontal bars, with population values on the x-axis and country names on the y-axis. The bar chart uses an SVG rendering with d3 v5, scaling the population data (multiplied by 1000) via d3.scaleLinear and d3.scaleBand. The chart customizes axes by removing default domain lines, formatting tick labels (e.g., converting G to B for billions), and adding axis labels and a title. Data is loaded from a local CSV file using d3.csv.

AI-generated description

React Starter code.