Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a facae with D3.js!

Public visualization

Viewing a saved revision (read-only)

47b3a4e416f34e729f97abbb2d2e779f

Let's make a facae with D3.js!

0 stars0🌍 Public
ZZachary Keller
Last edited Mar 23, 2020
Created on Mar 22, 2020

This example renders a simple face as a single circle using D3.js v5 and SVG. The code selects the `<svg>` element created in the HTML, reads its width and height attributes, and positions the circle at the exact center with a radius equal to half the height. The page loads D3 from a CDN and imports the `select` function, though the main drawing uses the global `d3.select`. The minimal styling in `styles.css` removes margins and hides overflow while defining a `lines` class that is not currently applied.

AI-generated description

A bare minimum HTML page.

See also React Starter.