Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Viewing a saved revision (read-only)

24674e1f196b4b3783dadb4162948197

Customizing Axes

0 stars2🌍 Public
RRobindj2000
Last edited Dec 8, 2021
Created on Dec 3, 2021
Forked from Making a bar chart

This example shows a horizontal bar chart ranking the population of the top 10 most populous countries, with a customized axis style. The chart uses d3.csv to load the data, d3.scaleLinear and d3.scaleBand for scaling, and d3.axisLeft and d3.axisBottom to generate the axes. The code removes default axis lines and domain paths, then applies custom styling via CSS for tick labels, grid lines, and a title. The visualization renders to SVG elements.

AI-generated description

This is the same bar chart of previous work, but more styled.