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)

8839ba41a0e34475a89a03f40f6e53e7

Let's make a face with D3.js!

0 stars0🌍 Public
VVivian Peng
Last edited Sep 28, 2020
Created on Sep 28, 2020

This example renders a simple cartoon face using D3.js version 5 and SVG. The code selects an empty SVG element and appends three circles: one large yellow circle for the face and two smaller black circles for the eyes, with positions calculated from the SVG’s width and height attributes. It demonstrates basic D3 selections, attribute manipulation, and SVG shape creation without data binding.

AI-generated description