Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Viewing a saved revision (read-only)

220520c7e2da4a9d97c727771d92c955

Customizing Axes

0 stars1🌍 Public
LLongYuu
Last edited Nov 24, 2020
Created on Nov 24, 2020
Forked from Making a bar chart

This example visualizes the top 10 most populous countries using a horizontal bar chart, drawing on 2018 population estimates from World Population Prospects 2017. The chart uses d3.scaleLinear and d3.scaleBand scales, with d3.axisBottom and d3.axisLeft for custom axes. The y-axis ticks are stripped of domain lines, while the x-axis uses a tick format that converts billions to "B" via d3.format. Axis labels and a title are added as SVG text elements, with data loaded from a CSV file using d3.csv.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

This bar chart shows population of the top 10 most populous countries. The data comes from the year 2018 estimate in [world population prospects 2017]