Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Viz 1

Public visualization

D3 Viz 1

0 stars0🌍 Public
JJohn H
Last edited Nov 27, 2022
Created on Nov 25, 2022
Forked from HTML Starter

This interactive face built with React and D3.js v7 renders a yellow circular head with black stroke outline, two eyes, and an arc-based mouth using SVG. The visualization uses D3’s `arc` generator from the `d3` module to construct the mouth path, while custom React components (`BackgroundCircle`, `Eyes`, `Mouth`, `FaceContainer`) organize the SVG elements. The code defines parameters like `eyeOffsetX`, `mouthRadius`, and `strokewidth` to control the face’s geometry, all within a fixed 960×500 viewport.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed