🌍 Public
Viewing a saved revision (read-only)
80feca1892564507b4d6c9ed7a5f5ee4
Customized Axis
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 descriptionA bare minimum HTML page.
See also React Starter.