Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Face with d3.js

Public visualization

Viewing a saved revision (read-only)

746c61ad70d045f29a95cbf193e25fce

Face with d3.js

0 stars0🌍 Public
Mmilkfam
Last edited Feb 21, 2021
Created on Feb 21, 2021
Forked from HTML Starter

A plain SVG face is drawn by appending a single circle to an empty SVG element using D3’s `select` and `append` methods. The circle’s radius and center coordinates are calculated directly from the SVG element’s width and height attributes, positioning it to fill the center of the 960×500 canvas. The example relies on d3.v6, with inline JavaScript in `index.js`, and uses no external data, instead deriving all geometry from the SVG’s own dimensions. The included CSS hides any page margins and overflow, keeping the rendered face clean.

AI-generated description