Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

hheli_d3rct_1

Public visualization

Viewing a saved revision (read-only)

5cd8076d02544af9872e11930337b908

hheli_d3rct_1

0 stars0🌍 Public
Hhheli@mail.ru
Last edited Mar 9, 2024
Created on Mar 9, 2024
Forked from HTML Starter

This example shows a stylized, data-free face composed of a yellow circular background, two eyes, and a mouth, rendered with React components and SVG. The visualization demonstrates how to build a modular SVG scene using reusable components like `BackgroundCircle`, `Eyes`, and `Mouth`, each accepting numeric props for positioning and sizing. The `Mouth` component uses d3's `arc` function to generate a semicircular path, while the `FaceContainer` wraps everything in an SVG group translated to the center. The code uses React 18 and d3.v7, with a fixed width and height, and does not involve data binding or interactivity.

AI-generated description

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

See also React Starter.