Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE-6 Tutorial Bar Chart

Public visualization

Viewing a saved revision (read-only)

5e335a3762824232866e299662aa27e9

Fork of ICE-6 Tutorial Bar Chart

0 stars0🌍 Public
AAishwarya Manjunath
Last edited Mar 7, 2022
Created on Mar 7, 2022

This example displays a horizontal bar chart of the top 10 most populous countries, with revenue on the x-axis and race categories on the y-axis, using a 2018 United Nations population estimate. The visualization, built with D3 v5, customizes the axes by removing tick lines and domain paths, and formats the x-axis tick labels using a `format` function that converts values to abbreviated billions. The y-axis is generated with `scaleBand` and `axisLeft`, while `axisBottom` renders the x-axis with a custom label; data is loaded from a CSV URL and mapped to `rect` elements via `selectAll`, leveraging `scaleLinear` for the numeric scale.

AI-generated description

This bar chart shows population of the top 10 most populous countries. The data comes from the year 2018 estimate in United Nations: World Population Prospects 2017. It also demonstrates customization of D3 axes.