Skip to main content
100%

Fork of Smiley Face Part I

✓ Published0🌍 Public
Ddipalishah23x
Last edited Jan 5, 2022
Created on Jan 5, 2022
Forked from Hello HTML

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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Smiley Face Part I

This fork of “Smiley Face Part I” is a static SVG drawing of a smiling face built directly in the markup. It shows a large yellow circle with a black outline, two solid black circles for eyes, and omits the mouth, leaving the expression incomplete. The visualization uses only plain SVG elements—`circle` and `svg`—positioned with explicit `cx`, `cy`, and `r` coordinates inside a 960-by-500 viewport. It loads the D3 v7 library via a CDN but does not apply any data binding or D3 methods, relying entirely on hardcoded shapes for its rendering.

Nnth19912000
93% match
Loading thumbnail…

Fork of Smiley 1

A yellow circle with a black outline is drawn centered on an SVG canvas. The page uses raw SVG elements via a `<circle>` tag, with explicit `r`, `cx`, `cy`, `fill`, `stroke`, and `stroke-width` attributes to define the shape. The rendering relies on inline SVG within an HTML file, with no external libraries or JavaScript. The visualization is static and shows a simple smiley-face without facial features, rendered directly through SVG markup.

Ssenilefork
93% match
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
92% match
Loading thumbnail…

Fork of 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.

TtrwMK
92% 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
92% match
Loading thumbnail…

Fork of Let's Make a Face Part I

A fork of an introductory smiley face example renders a yellow circle with black outline and two smaller circles as eyes on an SVG canvas. The static face is drawn using only raw SVG elements—circle tags with explicit cx, cy, r, fill, and stroke attributes—without any JavaScript or data binding. The markup directly positions the face at the center with offset eye coordinates, demonstrating basic SVG shape composition. The example shows a static, non-interactive visualization of a simplified face layout.

Aahadsddq
92% match
Loading thumbnail…

Fork of Let's Make a Face Part I

A fork of "Let's Make a Face Part I" displays a simple smiley face rendered as two black circles for eyes and a larger yellow circle with a black outline for the head, all drawn directly with SVG elements. The code uses raw SVG circles with fixed coordinates and stroke widths, centering the face at (480, 250) on a 960×500 canvas. No JavaScript libraries are imported, and the rendering is static, relying solely on inline SVG markup.

Ssnehalp396
92% match
Loading thumbnail…

Fork of Let's Make a Face Part I

This fork of "Let's Make a Face Part I" shows a static smiley face built from yellow and black SVG circles. The large 245-pixel-radius circle forms the head, while two smaller circles serve as eyes at fixed positions. The code uses raw SVG elements—circle tags with attributes for center coordinates, radius, fill, and stroke—inside a 960×500 viewport. No JavaScript libraries or data sources are involved; the rendering is purely declarative SVG markup embedded directly in the HTML.

Llit86hlp
92% match