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)

14aa3eb7a1644dd2b969e27a4e263576

Let's make a face with D3.js

0 stars1🌍 Public
Rrgarimella-viz
Last edited Jun 21, 2020
Created on Jun 21, 2020

This example visualizes country populations as horizontal bars using D3.js v5 within a React framework, rendering to SVG. The bar chart displays each country’s population on the x-axis and country names on the y-axis, with bar widths scaled linearly via `d3.scaleLinear` and positions set by `d3.scaleBand`. The code loads data from a CSV file, multiplies population values by 10, and appends rectangles to the SVG. The visualization uses `d3.csv` for data loading and `d3.max` to determine the scale domain.

AI-generated description

A bare minimum HTML page.

See also React Starter.