Juan Manuel Castro

@gosftw·2 public vizzes

Fork of Smiley Face Part II

This example displays a full-window yellow smiley face with black outlined eyes, rendered using React and SVG. The face is centered and sized dynamically based on the browser window’s dimensions, with eye positions and radii defined as constants. The code uses React’s `ReactDOM.render` to mount the SVG, which is built from nested `<circle>` elements within a transformed `<g>` group. The base template also includes a commented-out static SVG showing a fixed 960×500 version of the same face.

Aug 8, 2021

Loading thumbnail…

Fork of Hello

This example renders a yellow smiley face as a static SVG graphic using React’s `ReactDOM.render` to mount a component that returns SVG circle elements. The component defines dimensions, eye offsets, and radii as constants, then draws a large outlined circle for the face and two smaller circles for the eyes. The code relies on React 17 and ReactDOM, with all shapes positioned manually via SVG attributes. It demonstrates basic declarative SVG creation within a React component, with no interactivity or data binding.

Aug 7, 2021