Akash Dandriyal

@Akashdandriyal·2 public vizzes

Fork of Let's Make a Face Part I

A static SVG face with a yellow circular head, black outline, and two black eyes sits centered on a 960 by 500 canvas. The face is created directly in the HTML markup using `<circle>` elements, with the head positioned at (480, 250) and eyes at (350, 180) and (600, 180). The page loads React 17 via a UMD script and the `index.js` imports React, but no dynamic rendering or interaction occurs—the visual is purely declarative SVG. The embedded YouTube video suggests a tutorial accompanies the static example.

Jul 5, 2021

Loading thumbnail…

1

A yellow circle with a thick black outline sits centered on an SVG canvas, flanked by two smaller unfilled circles on either side. The piece is a minimal geometric composition rendered directly in HTML using inline SVG elements, including `<circle>` tags with attributes for position, radius, fill, and stroke. The page is styled with a body margin of zero and hidden overflow, ensuring the image fills the viewport without scrollbars. This example demonstrates basic SVG shape drawing and CSS layout within a single static HTML file.

Jul 4, 2021