Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Viewing a saved revision (read-only)

30e41921e5204af1b916eddfc2e38ecc

Customizing Axes

0 stars0🌍 Public
RRiccardo Pressiani
Last edited Oct 14, 2019
Created on Oct 1, 2019
Forked from Customizing Axes

This bar chart displays the populations of the ten most populous countries, with countries on the y-axis and population counts on the x-axis. Built with D3.js v5, it uses `scaleLinear` and `scaleBand` to map data, and `axisBottom` and `axisLeft` for custom axes. Population values from a CSV file are formatted with abbreviations (e.g., 'B' for billions), and the chart removes default axis lines for a cleaner look. All elements render as SVG.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.