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)

a53cab32437b49bfb1c5a7921b798aa0

Let's make a face with D3.js

0 stars0🌍 Public
AAlessan123
Last edited Jul 12, 2020
Created on Jul 12, 2020

This example uses D3.js v5 to draw a simple smiling face entirely with SVG shapes. It centers a yellow circle on a 960-by-500 canvas, adds two black eye circles, and creates a smile with a curved arc using the `d3.arc` path generator. All elements are positioned relative to the center via a translated group, with coordinates hardcoded in the JavaScript. The styling is minimal, relying on a CSS file for full-screen display without margins or scrollbars.

AI-generated description