Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of emoji-like face with mouth (D3)

Public visualization

Fork of emoji-like face with mouth (D3)

0 stars1🌍 Public
Ddivyageethanjali
Last edited Feb 17, 2022
Created on Feb 17, 2022

This example, built with React and D3.js, renders an emoji-like smiley face entirely as SVG. The geometric shapes—a yellow circle for the head, two circles for eyes, and a line for a wink—are positioned using D3's `arc` generator for the mouth. The face is centered within a 960×500 viewport, and all coordinates are computed relative to the center using a group transform. The code imports `arc` directly from D3 and uses static, hard-coded dimensions, demonstrating a clean refactored approach to creating vector illustrations.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed