Maria

@mgraublanco·2 public vizzes

Fork of Smiley Face Part II

This example renders a simple smiley face using two overlapping SVG circles and an elliptical mouth. The main yellow circle is drawn with a black stroke, while two smaller circles form the eyes. The visualization demonstrates basic SVG shape construction within an HTML page, using inline CSS to hide overflow. It employs no external libraries, relying solely on native SVG elements and React’s rendering capabilities through the VizHub framework.

Nov 3, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a static smiley face constructed with three SVG circles: a large yellow head with a black outline, and two smaller unfilled eyes. The code uses plain SVG elements inside an HTML page, with coordinates and stroke widths positioned explicitly via the `cx`, `cy`, `r`, and `stroke-width` attributes. No JavaScript libraries or D3 APIs are required; the rendering depends entirely on the browser’s native SVG support. The data is hard-coded in the markup, and the visual output is a simple, geometric face that stops halfway toward a smile.

Nov 2, 2021