Gabriel-Rodrigues13

@Gabriel-Rodrigues13·2 public vizzes

Smiley Face

A grid of fifteen smiley faces renders in SVG with React, each face composed of a yellow circle, two eyes, and a mouth. The code builds each face from reusable components: `BackGroundCircle`, `Eyes`, `Mouth`, and `FaceContainer`, with the mouth drawn using d3’s `arc()` generator. Each face’s eye radius and mouth width are randomized using `Math.random()`, creating slight variations across the identical grid layout. The React components are mounted via `ReactDOM.render`, and the overall structure is positioned using SVG group transforms.

Dec 22, 2021

Loading thumbnail…

Fork of Let's Make a Face Part

This fork of “Let’s Make a Face” displays a static yellow circle face with two smaller black outlined circles for eyes, placed on an SVG canvas of 960 by 500 pixels. The React and ReactDOM libraries are loaded, and the visualization renders via inline SVG elements within the index.html file, while index.js logs React and renders a simple “Hello Jsx” heading into the root div. No interactive behavior or additional facial features are present beyond the three circles.

Dec 18, 2021