Javier Sanmiguel (@sanmiguel-javiere), VizHub

Fork of Smiley Face Part II

This example shows a yellow smiley face rendered across the full browser window, with two black eyes and a downward-curving mouth drawn as an arc. The face is built using React components that render SVG elements, including circles for the head and eyes and a path for the mouth. The mouth path is generated with the `d3.arc` function, specifying inner and outer radii and start and end angles. The visualization uses React 16.9.0, ReactDOM, and D3 v7.3.0, with the root SVG centered in the viewport.

Jan 31, 2022

Loading thumbnail…

Fork of Let's Make a Face Part I

This visualization shows a simple yellow smiley face built from three SVG circles: a large yellow head with a black stroke, and two smaller black eyes positioned symmetrically around the center. The face is rendered statically using plain SVG elements within an HTML page, with dimensions set to 960 by 500 pixels. The code demonstrates basic circle placement through explicit `cx` and `cy` attributes, using fixed coordinates (480, 250) for the head and offset positions for the eyes. No interactive or animated behavior is present; the example serves as a foundational step toward constructing more complex facial features.

Jan 29, 2022

Loading thumbnail…

Happy Face Part I by JESTO

A yellow happy face rendered as a single SVG graphic, composed of three circles: a large head with a black stroke, and two smaller eyes positioned symmetrically. The code uses React 17 to define and render the SVG elements, with hardcoded dimensions for a 960 by 500 viewport. All shapes are drawn using standard SVG circle elements with fixed coordinates and stroke properties, as shown in the index.js source file.

Jan 29, 2022

Loading thumbnail…

Fork of Let's Make a Face Part I

This visualization shows a simple yellow smiley face built from three SVG circles: a large yellow head with a black stroke, and two smaller black eyes positioned symmetrically around the center. The face is rendered statically using plain SVG elements within an HTML page, with dimensions set to 960 by 500 pixels. The code demonstrates basic circle placement through explicit `cx` and `cy` attributes, using fixed coordinates (480, 250) for the head and offset positions for the eyes. No interactive or animated behavior is present; the example serves as a foundational step toward constructing more complex facial features.

Jan 28, 2022