Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customized Axis

Public visualization

Viewing a saved revision (read-only)

80feca1892564507b4d6c9ed7a5f5ee4

Customized Axis

0 stars1🌍 Public
YYasara Peiris
Last edited Jul 19, 2020
Created on Jul 19, 2020

This example shows a horizontal bar chart ranking the top 10 most populous countries, with population values on the x-axis and country names on the y-axis. The chart uses d3.scaleLinear and d3.scaleBand to map data from the CSV file, while d3.axisBottom and d3.axisLeft render the axes with customized tick formatting (using d3.format to abbreviate large numbers). The y-axis labels are styled distinctly, and the chart includes a title and a labeled x-axis. The bars are rendered as SVG rectangles with a fixed fill color.

AI-generated description

A bare minimum HTML page.

See also React Starter.