Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Viewing a saved revision (read-only)

1812a3944a044af1af5a26c80619e2f4

Customizing Axes

0 stars1🌍 Public
Ccornshoots
Last edited Mar 15, 2021
Created on Mar 15, 2021
Forked from Making a barchart

This example uses a bar chart to display the top ten most populous countries, with population values read from a CSV file and scaled by a factor of one thousand. The chart customizes both axes by removing domain lines, applying a tick format that abbreviates large numbers (converting "G" to "B"), and adding a population label and title using SVG text elements. It builds the visualization with d3.csv, d3.scaleLinear, d3.scaleBand, d3.axisLeft, and d3.axisBottom, rendering as SVG. The y-axis ticks are styled with a larger font, and the chart includes a grid-like effect with horizontal tick lines.

AI-generated description