NeanderthalBoneFlute

@NeanderthalBoneFlute·3 public vizzes

Fork of Let's Make a Face Part I

A static SVG face rendered with Vue.js, featuring a yellow circle head, two dark eye circles, and a black outline. The markup directly defines three circular elements inside a 960 by 500 viewBox using basic SVG attributes. While the title references a "Let's Make a Face" tutorial, this fork only displays the initial geometric shapes without animation or interactive behavior. The code loads Vue 2 from a CDN and relies on plain SVG rendered inline in the HTML body, with no additional JavaScript logic beyond the static template.

Jun 7, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

A yellow circle with a black outline forms the head of a smiley face, with two smaller black circles for eyes positioned on either side of the face's center. The example is built with raw SVG elements, including `circle` tags for the face and eyes, and uses hard-coded coordinates to place the features. The SVG canvas is set to 960 by 500 pixels, with the head centered at (480, 250) and a radius of 245. The rendering approach is direct SVG markup, with no external JavaScript libraries or data sources.

Jun 7, 2021

Loading thumbnail…

Fork of Hello HTML

This visualization shows a simple, static smiley face constructed from three SVG circles on a yellow background. It uses raw SVG elements defined directly in an HTML file, with the face’s eyes as black circles and the head as a large yellow circle with a black outline. The page includes only basic CSS to remove margins and hide overflow. The entire graphic relies on direct SVG markup without any JavaScript libraries, animation, or data source, serving as a minimal example of how to embed vector shapes in a web page.

Jun 7, 2021