Kim Wing Fung

@Kim-Wing-Fung·2 public vizzes

Fork of Let's Make a Face Part I

This example shows a simple smiley face constructed from reusable React components: a yellow background circle, two eyes, and a curved mouth. The face is centered in an SVG canvas, with the mouth generated using the D3 arc generator to draw a semicircular path. The code demonstrates how to compose SVG elements in React, passing geometric parameters like eye offsets and radius through component props to control the face’s layout.

Nov 28, 2021

Loading thumbnail…

Fork of Hello HTML

This example shows a simple static SVG drawing of a yellow circle with two smaller black circles representing eyes, framed within a black stroke. The fork of a basic HTML page renders the graphic directly through inline SVG elements inside the `body`, using the `circle` tag with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. No JavaScript libraries are employed; the visualization relies solely on native SVG and HTML, with CSS setting the page margin to zero and hiding overflow. The data is hardcoded in the markup rather than loaded from an external source.

Nov 28, 2021