Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axis

Public visualization

Viewing a saved revision (read-only)

43cbb62918cf44a48db6f58f3f8ac6a3

Customizing Axis

0 stars0🌍 Public
MMateus Farias
Last edited Jun 12, 2020
Created on Jun 12, 2020
Forked from Customizing Axis

This bar chart displays the population of the top 10 most populous countries, using a horizontal layout with steel-blue bars. The axes are customized: the y-axis removes its domain line and tick lines, while the x-axis uses a custom tick formatter via `d3.format` to abbreviate values (e.g., converting “G” to “B”) and includes grid lines extending across the chart. Built with d3.v5 and SVG, the code employs `d3.scaleLinear`, `d3.scaleBand`, `d3.axisLeft`, and `d3.axisBottom`. Population data is read from a CSV file and multiplied by 1000 to reflect actual counts.

AI-generated description

This bar chart shows population of the top 10 most populous coutries.