GKoppin

@GKoppin·2 public vizzes

Smiley Face Part 1

This example shows a yellow smiley face constructed from SVG shapes, with a circular head, two eyes, and a mouth arc rendered on a dark background. The mouth uses d3.arc to define a semicircular path, while the head and eyes are plain circle elements. The components are built with React functional components and mounted via ReactDOM, with d3.v7 providing the arc generator. The layout uses SVG grouping and translations to center the face at the viewport midpoint.

Sep 13, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

This fork of "Let's Make a Face Part I" displays a simple smiley face rendered as an SVG, built directly in an `index.html` file. The visualization shows a large yellow circle as the head, with two smaller black circles for eyes, all positioned using explicit `cx` and `cy` coordinates. The code uses raw SVG elements, including `<circle>` and `stroke` attributes, without external libraries or JavaScript, and the rendering is static with no animation or data source. The result is a basic, non-interactive face composed of three geometric shapes.

Sep 3, 2021