Courtney Steichen

@CASteichen·2 public vizzes

Fork of Hello HTML

A yellow smiley face rendered in SVG, composed of a large circle for the head, two smaller circles for the eyes, and an arc-generated mouth. The code uses React to build the SVG elements and d3.arc from D3 v5 to compute the mouth path. Dimensions for the face, eye offset, and mouth radius are defined as constants, with the head positioned at the center of a 960 by 500 viewport.

Jul 31, 2024

Loading thumbnail…

Fork of Hello HTML

This example shows a simple smiley face drawn as three circles on a yellow background, created entirely with raw SVG elements inside an HTML page. The graphic is static and consists of two black circles for eyes and a large yellow circle with a black outline for the head. The code uses the standard SVG `<circle>` element with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes, and it is embedded directly in the HTML body without any external libraries or data sources.

Jul 24, 2024