Kerstin

@script42·2 public vizzes

Fork of Smiley Face Part II

A yellow smiley face with black-outlined eyes and a curved mouth is centered on a plain background. Built with React and D3, the visualization defines reusable components for the background circle, eyes, and mouth. The mouth uses a D3 arc generator, while the eyes are simple SVG circles positioned by offset values. All elements are rendered as SVG within a single translated group, demonstrating component-based composition for static shapes.

Mar 11, 2021

Loading thumbnail…

Smiley I

A yellow circle with a black outline spans nearly the full width of an SVG canvas, representing a face. Two smaller black circles act as eyes, positioned symmetrically across the upper half of the face. The rendering uses raw SVG elements—`circle` tags with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—within an HTML document, with no JavaScript or external libraries. The static composition is centered on a 960×500 canvas, and the page hides browser scrollbars via CSS `overflow: hidden`.

Mar 9, 2021