Fork of Smiley 1

100%

Fork of Smiley 1

✓ Published0🌍 Public

Last edited Jul 16, 2021

Created on Jul 16, 2021

Forked from 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.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

93% 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…

Smiley 1

A yellow circle with a black outline occupies the center of an SVG canvas, forming a basic smiley face without facial features. The visualization uses a single SVG `circle` element with fixed `cx` and `cy` coordinates, a `r` radius of 200, and `fill` and `stroke` attributes for color and border. The page is an HTML document with inline CSS to remove margins and hide overflow, rendered entirely through static SVG markup rather than any JavaScript or charting library.

Ssenilefork

91% match

Loading thumbnail…

Fork of Smiley face

This example shows a simple smiley face rendered as a fixed SVG graphic. It uses plain HTML and CSS to set up a full-viewport page with no margins, while the face itself is drawn with three `<circle>` elements inside an inline `<svg>`. The main face is a yellow circle with a black stroke, and two smaller black circles form the eyes. No JavaScript or external libraries are used; the entire visualization is static markup.

Jjamlicker

91% match

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

90% match

Loading thumbnail…

Fork of Smile Face

This visualization shows a simple smiley face composed of a large yellow circle with two smaller black circles for eyes. The SVG is rendered with fixed dimensions of 960 by 450 pixels, using straightforward shape elements like `<circle>` with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. No JavaScript libraries or interaction are involved; the page relies solely on inline HTML and CSS for presentation. The face occupies the center of the canvas, with the eyes positioned symmetrically on either side of the face’s vertical axis.

Kkiranshashi

90% 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

90% 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

90% match