Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face VI

Public visualization

Smiley Face VI

0 stars0🌍 Public
BBrittany Harden
Last edited Dec 8, 2022
Created on Dec 8, 2022
Forked from Smiley Face V

This example generates a grid of eighteen smiley faces, each rendered as an SVG composed of a yellow circle, two eyes, and a curved mouth. The faces are randomly varied in stroke width, eye placement and size, and mouth dimensions using JavaScript’s `Math.random()`. The code uses React components for modular composition and utilizes D3 v7’s `arc` constructor to build each mouth’s path, with the `range` function creating the repeated array.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed