Blair McKee

@eblairmckee·3 public vizzes

Fork of Smiley Face Part III

This fork of Smiley Face Part III renders a classic yellow smiley face as an SVG graphic using React and D3. The code draws a large yellow circle for the face, two smaller black circles for eyes, and a curved mouth path generated with D3’s `arc` API, which defines the inner/outer radii and start/end angles. All shapes are positioned relative to a central origin using a `translate` transform, with D3 handling the path construction while React manages the SVG element composition. The face dimensions and offsets are computed from a fixed viewport of 960 by 500 pixels.

May 4, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

This visualization is a static SVG drawing of a smiley face in progress, featuring a large yellow circle with a black outline, alongside two unfilled black circles that will become the eyes. The SVG is created directly in the index.html file without any external libraries or JavaScript. The coordinates and dimensions are set explicitly, with the face centered at (480, 250) and a radius of 245 pixels. The rendering approach relies on raw SVG elements and no interactive behavior is present.

May 4, 2021

Loading thumbnail…

Fork of Hello HTML

A single SVG circle, rendered at 200-pixel radius on a 960-by-100 canvas, sits centered without any data binding or interaction. The page loads an embedded YouTube tutorial above the graphic, while the minimal HTML structure uses only an inline `<svg>` element with no JavaScript libraries. The circle's default black fill and fixed dimensions ignore the viewport, producing a visually sparse example that demonstrates the simplest possible SVG rendering in a bare HTML file.

May 4, 2021