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)

86e62e2aff5548b09cbca60492d7678a

Let's make a face with d3.js!

0 stars1🌍 Public
KKion Kim
Last edited Jan 15, 2020
Created on Jan 11, 2020
Forked from HTML Starter

This example uses D3.js to display racial demographics of police killings, with each race presented as a line of text where the percentage is sized proportionally and colored distinctly. The visualization uses D3 scales (`d3.scaleLinear`) to map data indices to font sizes and colors, and builds the text elements with `select`, `append`, and `tspan` for styled substrings. Rendered as an SVG within a React framework, the graphic centers the text block in the viewport and presents the data without additional interactivity.

AI-generated description

A bare minimum HTML page.

See also React Starter.