Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets make a face with d3.js

Public visualization

Viewing a saved revision (read-only)

dd0e7873fb114ad6a5c2096e70690149

Lets make a face with d3.js

0 stars0🌍 Public
AAvijit Roy Karmakar
Last edited Sep 4, 2019
Created on Sep 4, 2019

This example assembles a friendly face from basic geometric shapes—circles form the eyes, and arcs create the smile—rendered as SVG elements on a 960×500 canvas. The page loads d3.v5 from a CDN and uses standard d3 selections and shape generators to position each facial feature relative to the center of the viewport. No data or interaction is involved; the face is static, with the code simply demonstrating how d3’s coordinate system and SVG primitives combine to construct a recognizable illustration.

AI-generated description