Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Customizing Axes

0 stars2🌍 Public
Ddata-inside
Last edited Nov 18, 2020
Created on Nov 17, 2020
Forked from React 201

This example displays a horizontal bar chart of the top ten most populous countries, using 2018 estimates from the United Nations World Population Prospects. The D3 v6 code imports `select`, `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`, and `format` to construct the visualization. It customizes the x-axis by using a formatter that converts large numbers to abbreviated units and replaces the default "G" suffix with "B". Axis grid lines extend across the chart, while the y-axis labels and domain lines are removed, and the chart is rendered as SVG.

AI-generated description

The data comes from the year 2018 estimate in World Population Prospects 2017.

Comments

Sign in to join the discussion.

MIT Licensed