Skip to main content
100%

Elmo Face

✓ Published1🌍 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.

MIT Licensed

Similar vizzes