Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face Part VI

Public visualization

Viewing a saved revision (read-only)

8781a530a45a4c8ca83b98f8b9ed0ff9

Smiley Face Part VI

0 stars0🌍 Public
MMinh Luong
Last edited Jan 6, 2022
Created on Jan 4, 2022

This example displays a grid of eighteen cartoon smiley faces, each with randomized facial features such as eye offset, eye radius, mouth width, and stroke thickness. Built with React and D3 v5, the visualization uses reusable components like `BackgroundCircle`, `Eyes`, and `Mouth`, with the mouth generated via the `d3.arc()` API. Each face renders as an SVG element, and the random variation in parameters creates a playful, slightly irregular family of faces that remain centered within fixed 160 by 160 pixel viewports.

AI-generated description

Half way towards a smiley face.