Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

trying stuff

Public visualization

Viewing a saved revision (read-only)

1cbc816c5848488b8ab119b7d90b2185

trying stuff

1 star0🌍 Public
Ddanilo
Last edited Jul 24, 2022
Created on Jul 24, 2022
Forked from HTML Starter

This example shows a grid of nine identical pairs of faces, each composed of two overlapping SVG faces with different mouth orientations. Built with React and D3.js v7, the code uses the `arc()` API to generate mouth paths, with one face rendering a downward arc and the other an upward arc. The faces are positioned using a `FaceContainer` that translates the SVG group to a center point, while `range(9)` from D3 creates the repeated array. All rendering is done through SVG elements defined in separate component files.

AI-generated description

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

See also React Starter.