Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

99820ace6f0c4aa7abcc0c04dcf3ee62

Let's make a face with D3.js!

0 stars1🌍 Public
JJai Aswani
Last edited Apr 5, 2020
Created on Apr 5, 2020

This bar chart displays the populations of the world’s most populous countries, drawn as a horizontal bar chart using D3.js v5. The visualization uses `scaleLinear` for the x-axis and `scaleBand` for the y-axis to map population values to rectangular bars, with axes rendered via `axisLeft` and `axisBottom`. Data is loaded from a CSV file using D3’s `csv` function, and the chart is rendered as SVG elements within a 960×500 canvas.

AI-generated description

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