Loïc Busson

@loicbusson·3 public vizzes

Fork of Let's Make a Face Part I

A yellow smiley face rendered as static SVG circles sits centered on a 960 by 500 canvas. The face uses a large yellow circle with a black stroke for the head, plus two smaller unfilled circles for eyes, positioned via hardcoded coordinates. The example is built with React 17, using plain SVG elements in JSX, with the script loaded from unpkg. It demonstrates a minimal, code-only approach to facial visualization without any dynamic behavior or data binding.

Apr 16, 2021

Loading thumbnail…

Fork of Smiley Face part I

This example shows a simple smiley face drawn as a composition of three SVG circles: one large yellow circle with a black stroke for the face, and two smaller black circles for the eyes. The page uses plain SVG markup embedded directly in an HTML document, with no JavaScript or external libraries. The SVG canvas is set to 960 by 500 pixels, and all circles are positioned using explicit `cx` and `cy` coordinates within a fixed viewport. The rendering is entirely static, relying on basic SVG shape elements and CSS for the page layout.

Apr 15, 2021

Loading thumbnail…

Smiley Face part I

A yellow circle with a black outline and two smaller black circles forms a simple smiley face, though only the eyes are present; the mouth is absent. The visualization uses only static Scalable Vector Graphics (SVG) elements defined directly in the HTML, including three `circle` elements with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. No external libraries are employed, and no data is loaded; the rendering is purely declarative markup within a single HTML page.

Apr 15, 2021