Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face VI

Public visualization

Viewing a saved revision (read-only)

7eb58ce4a43f4765af8147e11ac844c1

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.