Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Danny Phantom Face

Public visualization

Viewing a saved revision (read-only)

8af2d33cf2b44c4f93ae6bb25d1db611

Danny Phantom Face

2 stars16🌍 Public
PPeter Maida
Last edited Sep 23, 2020
Created on Sep 1, 2020

This interactive portrait of Danny Phantom uses React and D3 v6 to render a stylized face entirely with SVG primitives. The code constructs the head from a circle, adds polygonal hair and nose shapes, and uses D3’s `arc` generator for the mouth. Eye details—sclera, iris, and pupil—are layered circles, while eyebrow rectangles are rotated via SVG transforms. All coordinates scale relative to the browser window dimensions, producing a responsive cartoon illustration centered on the screen.

AI-generated description

Danny Phantom face implementation with React.