Steve

@WoollyMammoth·3 public vizzes

Fork of Fork of Smiley Gone Mad

This example renders a stylized, grinning face composed of SVG primitives. The face is constructed from separate React components for the head, ears, eyes, hair, nose, and a mouth with distinct teeth. The code leverages D3's `arc` function to generate precise annular sectors for the mouth and teeth paths, while SVG filters like `feOffset` and `feGaussianBlur` create drop shadows. All elements are drawn with ReactJS and assembled within an SVG container using a central `FaceContainer` wrapper.

Nov 6, 2021

Loading thumbnail…

Fork of Fork of Fork of Fork Knowledge Smiley

This example shows a friendly yellow smiley face built from SVG arcs, with eyes, a nose, a mouth, and detailed upper and lower teeth. The code uses React for component rendering and d3’s `arc` generator to compute the path geometry for each facial feature, including separate arcs for lips and teeth. The face is centered on a 1000×700 canvas, and the project mixes static HTML, CSS, and JavaScript with the D3 v7 and React libraries loaded via CDN.

Nov 1, 2021

Loading thumbnail…

Hello HTML

A minimal HTML page renders a simple SVG face using raw SVG markup. The drawing consists of a yellow circle with a black stroke for the face, and two smaller black circles for eyes, all positioned via explicit `cx` and `cy` attributes. The page uses inline CSS in the `style` tag to reset the body margin and hide overflow, ensuring the SVG displays edge-to-edge. This example demonstrates the foundational structure of an HTML document, requiring only a text editor and browser, with no external libraries like React or JavaScript logic. The SVG is hardcoded, not generated from data.

Oct 27, 2021