CE

@euaruksakul·2 public vizzes

Smiley face part 1jjj

This example shows a simple smiley face built as a static SVG composition, with a yellow circular head, two elliptical eyes, and no mouth or other features. The rendering is driven by React and D3, using hardcoded position and size values for each shape. The code defines the face geometry through SVG `<circle>` and `<ellipse>` elements, while D3’s `arc` function is imported but not actually applied in the visible logic. The example demonstrates basic SVG shape creation within a React component, with an inline CSS style that hides page margins and disables overflow.

Feb 22, 2022

Loading thumbnail…

Fork of Smiley Face Part II

This example shows a smiling face drawn as a yellow circle with two eyes and a mouth, centered and scaled to fill the browser window. Built with React and rendered as SVG, the code uses ReactDOM to mount a component that calculates the viewport dimensions and positions all facial features relative to the center. The face consists of a large circle for the head, two smaller circles for eyes, and an arc for the mouth, with stroke widths and radii defined as variables. The implementation relies purely on React’s JSX syntax and SVG primitive elements, with no external data sources or animation libraries.

Feb 22, 2022