Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js

Public visualization

Let's make a face with D3.js

0 stars0🌍 Public
Nnikhil-jambhulkar
Last edited Nov 13, 2019
Created on Nov 13, 2019

This example constructs a stylized face using SVG shapes and D3.js, demonstrating how common graphical elements like circles, paths, and text combine into a recognizable figure. It uses D3 version 5, loaded via a CDN, to append elements to an empty `<svg>` container, with the body styled to remove margins and hide overflow. The code creates the face through procedural SVG drawing rather than data binding, showcasing D3’s utility for direct DOM manipulation and coordinate-based placement. A linked video tutorial provides additional context for the build process.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed