Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing axis

Public visualization

Viewing a saved revision (read-only)

2014881d2e8b46d29384278f5d014ded

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