Customizing Axes
✓ Published0🌍 Public
This example shows a bar chart of the populations of the 20 largest countries in 2017, with countries listed on the y-axis and population on the x-axis. The visualization uses d3.csv to load the data, d3.scaleLinear and d3.scaleBand to map values to positions, and d3.axisLeft to render the y-axis ticks. The SVG rendering includes custom margins and styled axis labels via CSS, with all population values multiplied by 1,000 in the data preparation step.
AI-generated descriptionA bar chart of populations for the 20 largest countries in 2017 page.
See also React Starter.
MIT Licensed