Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes with D3.js

Public visualization

Customizing Axes with D3.js

0 stars1🌍 Public
Ssiddharth171
Last edited Jul 23, 2020
Created on Jul 23, 2020

This example shows a horizontal bar chart of the populations of the top 10 most populous countries, sourced from a CSV file. The visualization uses D3.js v5 APIs including `d3.csv`, `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to render SVG bars. It customizes axes by removing domain lines, adding tick marks across the chart, formatting population values with abbreviations (e.g., "1.41B"), and appending custom axis and title labels via D3 selections.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed