Skip to main content
SimilarExport ZIP
100%

Fork of Smiley Face Part 1

✓ Published0🌍 Public
TtrwMK
Last edited Oct 3, 2022
Created on Oct 3, 2022
Forked from Smiley Face Part 1

This example shows a simple yellow smiley face drawn with three circles on a 960-by-500 SVG canvas. It uses the SVG `<circle>` element directly, with a large yellow circle for the head, two smaller black circles for eyes, and an implied mouth left out. The rendering is static, using inline SVG attributes for position, radius, fill, stroke, and stroke width. No JavaScript libraries or APIs are present; the visualization relies solely on declarative SVG markup within the HTML file.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Smiley Face Part 1

This example shows a simple smiley face drawn with three circles on a yellow background. The face consists of a large yellow circle with a black stroke for the head and two smaller black circles for eyes, all positioned within an SVG canvas of 960 by 500 pixels. The code uses basic SVG elements and attributes directly, with no JavaScript libraries or data processing. The rendering approach is static SVG markup, and the styling is minimal, with the body margin reset and overflow hidden to display the drawing cleanly.

KKhushi Sapra
95% match
Loading thumbnail…

Fork of Smiley Face Part 1

This gallery example shows a simple yellow smiley face constructed from three overlapping circles. The face is the primary visual element, with a large yellow circle forming the head and two smaller, black circles positioned symmetrically for eyes. The drawing relies on the Scalable Vector Graphics (SVG) format, specifically using SVG's `circle` element to render each shape. The code directly sets the circle's `cx`, `cy`, `r`, and fill attributes within an `index.html` file to define the geometry and appearance, without using any external JavaScript libraries or data sources.

Llonghornplee
94% match
Loading thumbnail…

Fork of Smiley Face part 1L

This example displays a partial smiley face constructed from three SVG circles: a large yellow head and two black eyes. The head is centered with a black stroke, while the eyes are placed symmetrically. Rendering relies on static SVG elements defined directly in the HTML, with no interactive behavior or data binding. The code uses basic SVG circle elements and CSS styling within an SVG container sized at 960 by 500 pixels.

GGimmi45
93% match
Loading thumbnail…

Fork of Smiley Face part I

This example shows a simple smiley face drawn as a composition of three SVG circles: one large yellow circle with a black stroke for the face, and two smaller black circles for the eyes. The page uses plain SVG markup embedded directly in an HTML document, with no JavaScript or external libraries. The SVG canvas is set to 960 by 500 pixels, and all circles are positioned using explicit `cx` and `cy` coordinates within a fixed viewport. The rendering is entirely static, relying on basic SVG shape elements and CSS for the page layout.

LLoïc Busson
93% match
Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a static yellow smiley face drawn with three SVG circles: one large circle for the head and two smaller circles for the eyes, all centered on a 960-by-500 canvas. The head uses a yellow fill with a black stroke, while the eyes are plain black circles. The code relies solely on raw SVG elements—`<svg>`, `<circle>`, and their attributes—without any JavaScript libraries or D3.js functions. The rendering is built directly in the HTML file, with no data source or dynamic behavior; it simply displays the face as a fixed visual composition.

Ffmparantean@yahoo.com
92% match
Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a static yellow smiley face drawn with three SVG circles: one large circle for the head and two smaller circles for the eyes, all centered on a 960-by-500 canvas. The head uses a yellow fill with a black stroke, while the eyes are plain black circles. The code relies solely on raw SVG elements—`<svg>`, `<circle>`, and their attributes—without any JavaScript libraries or D3.js functions. The rendering is built directly in the HTML file, with no data source or dynamic behavior; it simply displays the face as a fixed visual composition.

Ffmparantean@yahoo.com
92% match
Loading thumbnail…

Fork of Smiley Face Part I

This fork renders a static yellow smiley face on a black-outlined circle, with two smaller circles for eyes, using raw SVG elements. The drawing is embedded directly in an HTML page via inline SVG markup, with no external libraries or JavaScript. The face is centered on a 960 by 500 canvas, and the code demonstrates basic SVG shape construction with explicit `cx`, `cy`, and `r` coordinates and a fixed stroke style.

Ddipalishah23x
92% match
Loading thumbnail…

Smiley Face part 1

This example shows a simple yellow smiley face built with three black circles on a 960 by 500 SVG canvas. The large yellow circle forms the face, while two smaller black circles serve as the eyes, all rendered directly with inline SVG elements. The code uses the HTML5 `<svg>` element and its `<circle>` API, styling shapes via the `fill` and `stroke` attributes, with a black `stroke-width` of 5 for the face outline. No external data or JavaScript libraries are used, relying purely on static markup.

MMuhammad Faizan Khurshid
92% match