🌍 Public
Viewing a saved revision (read-only)
36837b3d6d18477aa7757815fc5efb2e
Customizing Axes
This example shows a horizontal bar chart of the ten 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 position bars, while `d3.axisBottom` and `d3.axisLeft` render customized axes with removed domain lines and grid ticks. Population numbers are formatted using `d3.format` to abbreviate large values (e.g., "1.42B"), and the chart is rendered as SVG within a React-compatible setup using data loaded from a CSV file.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.