dRAPGb

@dRAPGb·3 public vizzes

Fork of Fork of Let's Make a Face Part III

A smiling face is drawn in SVG using React, with a yellow circular head, black stroke outline, and two black eyes positioned symmetrically. The mouth is an arc created with the `d3.arc` generator, using a 130-pixel inner radius and a half-circle angular span. The entire face is centered on the screen using a translated `<g>` group. The code relies on `d3.arc` from d3.v6, React 17, ReactDOM, and a hardcoded width of 960 and height of 500 for the viewport.

Feb 22, 2021

Loading thumbnail…

Fork of Let's Make a Face Part II

A yellow face made of SVG shapes is rendered in the center of a 960 by 500 canvas. The face shows two black circular eyes and a mouth drawn as an arc, all positioned using React components and D3's `arc` generator from the `d3` module. The outer circle uses a stroke to create a border, while the mouth path is defined with start and end angles. The code leverages React 17 and D3 v6, with the entire graphic built dynamically through JSX and ReactDOM rendering.

Feb 22, 2021

Loading thumbnail…

Let's Make a Face Part I

A yellow face with black outlined eyes is drawn as a simple SVG composition using React. The code renders circles for the face and eyes, with fixed positions calculated from the viewport dimensions. It uses ReactDOM to mount the component, and the SVG elements are defined directly in JSX with explicit attributes for radius, stroke, and fill.

Feb 22, 2021