Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Customizing Axis

Public visualization

Viewing a saved revision (read-only)

63f43c2731ba427783c24eecf5a2546c

Customizing Axis

0 stars0๐ŸŒ Public
Lliyaxuanliyaxuan
Last edited Nov 24, 2020
Created on Nov 24, 2020
Forked from Customizing Axis

This example displays a bar chart of the top 10 most populous countries using 2018 population estimates from the World Population Prospects 2017 dataset. It emphasizes customized axes, with a bottom axis labeled "Population" and a left axis using abbreviated tick labels (e.g., "1.4B") via `d3.format`. The chart uses `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis, with grid lines generated by `d3.axisLeft` and `d3.axisBottom`. Data is loaded from a CSV file and rendered as SVG rectangles.

AI-generated description

This bar charts shows population of the top 10 most populous countries. the data comes from the year 2018 estimate in World Population Prospects 2017.