Anna Fernandes

@acretelli·2 public vizzes

Fork of Smiley Face Part II

A React and SVG implementation renders a full-screen smiley face, centering the graphic within the browser window using `window.innerWidth` and `window.innerHeight`. The face consists of a yellow circle with a black stroke, two black eye circles positioned via offset coordinates, and a mouth drawn with a stroke arc. The code computes dimensions dynamically and uses JSX with ReactDOM to mount the SVG onto the page, demonstrating a straightforward component-based approach to vector graphics.

Mar 25, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

This example constructs a simple smiley face by layering three SVG circles on a yellow background. The code directly uses SVG markup, positioning the face’s head and two eyes with explicit `cx`, `cy`, and `r` attributes, while a black stroke outlines the head. It shows a static, minimal illustration without interactive behavior or data binding, relying on basic vector shapes to demonstrate geometric composition.

Mar 25, 2021