Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Elmo Face

Public visualization

Viewing a saved revision (read-only)

556ad4ba82014ca38ac444b60f97f4bb

Elmo Face

0 stars1🌍 Public
NNita
Last edited Sep 3, 2020
Created on Sep 3, 2020
Forked from Elmo Face

This example renders a stylized Elmo face using React and D3.js (v5), composed of SVG shapes with radial gradients and drop shadows. The face is constructed from ellipses and circles, with the mouth defined by a D3 arc generator built from a 150-unit inner radius and a negative width, creating a crescent-like open smile. Eye and pupil placements are derived from face-radius proportions, while the nose and eyes use distinct gradient fills. The composition is centered on a 960x500 canvas, with the code leveraging ReactDOM for rendering and D3’s `arc` API for path generation.

AI-generated description

React Starter code.