Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Bar Chart + Axis customisation

Public visualization

Viewing a saved revision (read-only)

2a68043266de4a1093345da205e89334

Fork of Bar Chart + Axis customisation

0 stars0🌍 Public
Cceresfin
Last edited Jan 30, 2021
Created on Jan 30, 2021

This example presents a horizontal bar chart of population data for ten countries, drawn from a CSV file. It uses D3 v6 APIs including `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to position bars and axes. Custom axis formatting converts large numbers into abbreviated labels like "B" for billions, and the chart includes styled titles and labels. The bars render as SVG rectangles filled with a linear gradient, while tick text uses a separate gradient for visual distinction. The chart also removes default axis domain lines and tick marks.

AI-generated description