Skip to main content
SimilarExport ZIP
100%

poker face

✓ Published0🌍 Public
SSuperShreejit
Last edited May 14, 2022
Created on May 14, 2022
Forked from HTML Starter

A minimalist SVG illustration of a yellow-faced character. The design uses basic geometric shapes: a large circle for the face, two smaller circles for the eyes, and a horizontal line for the mouth, all with thick dark strokes for a cartoon-like appearance. The page is styled with CSS classes for the face, eye, and mouth elements, and the graphic is rendered directly through inline SVG markup in an HTML document. The code demonstrates simple vector drawing with pure HTML and CSS, without any JavaScript or external libraries.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

face

A simple SVG face rendered as a static HTML page using React framework conventions. The yellow circular head and two black eye circles are drawn with basic SVG elements (`circle`, `fill`, `stroke`, `stroke-width`) inside an inline `<svg>` tag. The code uses no external libraries, relying directly on the browser's built-in SVG support and minimal CSS for layout and overflow control.

Sserrulate@gmail.com
79% match
Loading thumbnail…

face

This example shows a simple cartoon face constructed from basic SVG shapes: a yellow circle for the head, two smaller black circles for eyes, and a black line for a mouth. The code uses inline SVG elements—`circle` and `line`—with explicit `cx`, `cy`, `r`, `x1`, `y1` attributes to define positions and sizes. The rendering is static and entirely client-side, with no data source or interaction. The HTML page provides the minimal structure, while inline CSS or JavaScript is not used beyond the SVG markup itself.

Cclass-sikh
79% match
Loading thumbnail…

HTML Face

This example shows a simple face rendered as a yellow circle with two eyes using SVG elements. The code draws three circles directly in the SVG markup: a large yellow face with a black outline, and two smaller black eyes positioned symmetrically. It uses basic SVG circle elements with attributes for coordinates, radius, fill, and stroke. The page is styled with CSS to center the graphic and remove margins, while the SVG canvas is set to 960 by 500 pixels. JavaScript is present but unused, and React is listed as the framework though the standalone HTML relies solely on native SVG.

MMark Lam
78% match
Loading thumbnail…

Face Part I

A yellow face rendered as an SVG circle with a thick black outline and two smaller black circles for eyes. The code uses raw SVG elements within an HTML page, styled with CSS for centering and removing page margins. It demonstrates basic React-free SVG composition, with the face drawn directly in the markup. The face is static, showing the use of SVG’s `<circle>` elements for simple geometric data visualization.

RRichard Premvaree
78% match
Loading thumbnail…

new face

A static SVG face is drawn with a large yellow circle for the head, complete with a black stroke, and two smaller filled circles for eyes. The composition is left incomplete, with the mouth and other facial features omitted, matching its half-way-to-a-smiley title. The example uses raw SVG elements—`circle` tags with attributes for positioning and styling—inside an HTML page, with body margin and overflow set to zero for a clean display. No JavaScript libraries or dynamic data are involved, only inline markup.

Uumarghumman
77% match
Loading thumbnail…

Face1

A static vector face built from SVG primitives, drawn as a yellow circle with a black outline and two smaller black circles for eyes. The example uses plain inline SVG elements—`<circle>` and `<svg>`—inside a styled HTML page, with CSS layout for centering. It demonstrates a declarative approach to geometric composition without any JavaScript interaction or data binding.

JJagadishNandeesh
77% match
Loading thumbnail…

Making a face

This example shows a simple yellow face constructed from three SVG circles on a 960-by-500 canvas. The face’s head is drawn with a large yellow circle outlined in black, while two smaller black circles serve as eyes, positioned symmetrically around the center. The code uses plain SVG elements (circle) with attributes for radius, center coordinates, fill, and stroke, rendered directly in HTML without any JavaScript libraries or data sources. The visual result is a minimal, static illustration that demonstrates basic SVG shape composition and positioning.

SSahhimanshu7
77% match
Loading thumbnail…

my face

This example displays a simple cartoon face constructed from layered SVG shapes in a 960x500 viewport. A large yellow circle with a green stroke and 0.6 opacity forms the head, while two green ellipses with smaller, semi-transparent circles and white pupils create the eyes. The visualization uses raw SVG primitives—circle and ellipse—without any JavaScript libraries or data binding. The static composition, defined directly in the HTML markup, demonstrates basic vector styling, opacity layering, and shape positioning. The accompanying script logs "Hello JavaScript!" to the developer console but does not alter the rendered graphic.

GGolfresultancy
77% match