Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing axis

Public visualization

Viewing a saved revision (read-only)

624f8406b9aa4603a6417e4f2366e3f9

Customizing axis

0 stars1🌍 Public
Ttayyabanisar
Last edited May 15, 2020
Created on May 15, 2020
Forked from This is bar chart

This example displays the populations of the ten most populous countries using a horizontal bar chart. The y-axis labels are customized with a distinct color and the axis lines removed, while the x-axis uses tick marks that span the chart’s height and formats values in abbreviated notation via `format('.3s')`. Data is loaded from a CSV file and processed with `csv()`, then scaled using `scaleLinear` and `scaleBand` from D3 v5. The chart is rendered as SVG elements, with axis labels and bars styled through external CSS.

AI-generated description

This bar chart shows population of the top 10 most populus countries. The data come from the year 2018 estimmate in World Population by UN