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)

e558ff31376c42439b9cba0b8bb2f3ef

Let's make a face with D3.js!

0 stars0🌍 Public
SSkye-milu
Last edited Aug 3, 2019
Created on Aug 3, 2019

This example shows how to build a bar chart using fundamental D3.js DOM manipulation, with each bar representing a country’s population. The chart uses `d3.csv` to load data, `scaleLinear` and `scaleBand` for scales, `axisLeft` and `axisBottom` for axes, and SVG rectangles rendered with a pink fill. The code loads a CSV file containing country population figures and maps them to bar widths, demonstrating data binding and enter/append patterns.

AI-generated description

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