Skip to main content
SimilarExport ZIP
100%

AVN - Fork of Let's Make a Face Part

✓ Published0🌍 Public
Aavnreddy95
Last edited Jun 18, 2022
Created on Jun 18, 2022

A static SVG face built with two eye circles and a yellow head circle, rendered at 960 by 500 pixels. The code uses plain SVG elements—`circle` for the head and eyes—with attributes for position, radius, fill, and stroke. It manually centers the head at (480, 250) with a radius of 245, and offsets the eyes horizontally to 350 and 600, demonstrating coordinate-based layout without any JavaScript libraries or data binding.

AI-generated description

Half way towards a smiley face.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Let's Make a Face Part I

A static SVG face is drawn on a yellow circle with two black eye circles, leaving the mouth unfinished as a work-in-progress example. The code uses plain HTML and SVG elements, including `<circle>` tags with fixed `cx`, `cy`, `r`, and `stroke` attributes, within a 960×500 viewport. It demonstrates basic vector shape composition without any JavaScript libraries or animation, rendering directly through the browser’s SVG support.

Ttvhorn
85% match
Loading thumbnail…

Fork of Let's Make a Face Part I

A static SVG face made of three circles: a large yellow head with a black stroke, and two smaller black eyes positioned symmetrically. The code uses inline SVG elements within an HTML document, with circle coordinates computed relative to the center. It is a simple SVG rendering with no JavaScript or data binding, demonstrating basic geometric composition in a fixed 960 by 500 viewport.

Aanakomissaroff
85% match
Loading thumbnail…

Fork of Let's Make a Face Part I

A static SVG face built from three circles forms a yellow head with two black eyes, rendered directly in the markup without JavaScript libraries. The body styles hide page scrolling, while the SVG canvas is 960 by 500 pixels with a centered face. The code uses plain SVG circle elements with fixed coordinates and stroke properties, showing no interactive or animated behavior.

Ddonald-vear
84% match
Loading thumbnail…

Fork of Let's Make a Face Part I

A static SVG face, composed of a yellow circle with a black outline, sits centered on the canvas. The face displays two smaller black circles for eyes, positioned symmetrically around the center. The markup explicitly sets both the SVG dimensions and the circle coordinates, using inline styling for the fill and stroke properties. The page’s HTML structure and CSS reset body margins, producing a full-window visual without any interactive or animated behavior. The code relies solely on native SVG elements within the HTML document.

AAbolhasan Zaman
84% match
Loading thumbnail…

Fork of Let's Make a Face Part I

A static SVG face built with two-dimensional circles renders a yellow head with two black eyes on a white background. The markup places a large circle at the canvas center and smaller eye circles at fixed coordinates, using inline SVG attributes for positioning and stroke styling. No JavaScript libraries or data sources are involved; the example demonstrates basic SVG shape composition and coordinate geometry for a playful, minimal illustration.

RRukshan edirisinghe
84% match
Loading thumbnail…

AVN - Fork of Let's make a face with D3.js

A cartoon face rendered with D3.js v5 draws a yellow circle head with black-outlined eyes, a nose, eyebrows, and an arc-based mouth. The eyes and eyebrows are grouped and animated using chained `transition().duration()` calls, moving the brows up and down over two seconds. The code imports `select` and `arc` from D3, builds the SVG in a React-free HTML page, and centers the face via a translated `<g>` element. The mouth path uses `d3.arc` with inner and outer radii and angle ranges.

Aavnreddy95
83% match
Loading thumbnail…

Fork of Let's Make a Face Part I

A static SVG face built from three circles: a large yellow head with a black outline, and two smaller black eyes. The example demonstrates basic SVG shape rendering and coordinate placement within a fixed 960 by 500 viewport, using explicit `cx`, `cy`, and `r` attributes. It is a simple, non-interactive illustration of declarative vector drawing, with no JavaScript, data binding, or animation logic present in the code.

VValverDEV
83% match
Loading thumbnail…

Fork of Let's Make a Face Part I

A static SVG face built with two yellow circles for the head, black-stroked, and two smaller black circles for the eyes. The code uses raw SVG elements, including `<circle>` tags with fixed cx and cy coordinates, and sets a 960 by 500 viewport with inline styles for margins and overflow. The example is a simple, unanimated fork of the original "Let's Make a Face" tutorial, displaying the basic facial shapes without any interactive behavior.

KKazi Minhajul Haider
83% match