Face created by Nagaraju Obbineni

100%

Face created by Nagaraju Obbineni

✓ Published0🌍 Public

Last edited Jun 19, 2022

Created on Jun 18, 2022

This example draws a stylized human face using only SVG shapes. It shows a yellow background, a white face with a blue radial gradient, black ears with linear-gradient inner circles, eyes with retinas, angular polygons for eyebrows, a nose, and a mouth. The rendering relies on inline SVG elements including `<ellipse>`, `<circle>`, `<polygon>`, and `<rect>`, with gradients defined in `<defs>`. The artwork is built entirely from static vector primitives, with no dynamic data or interaction.

AI-generated description

Developed a face adding the features of a face like nose, eyes, ears, mouth, eye brows.

MIT Licensed

Similar vizzes

Loading thumbnail…

Face

A smiling face built entirely from SVG primitives is drawn in the center of a light-blue circular head. The code uses D3 v7 to append a face group, two elliptical eyes, rectangular eyebrows, and a red arc for the mouth, with all positions computed relative to the viewport dimensions. The example demonstrates D3’s selection and arc APIs for constructing a simple, scalable vector graphic without any external data.

Nnagasai.mandalapu@gmail.com

80% match

Loading thumbnail…

Face

This example displays a simple, static face constructed from three SVG circles on a yellow background. The face consists of a large yellow circle for the head, outlined in black, and two smaller black circles positioned as eyes. The rendering uses raw SVG elements defined directly in the HTML, with hardcoded coordinates and attributes. The visualization does not involve any data processing or interaction, serving as a basic demonstration of shape composition.

Jjameshodev

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

79% match

Loading thumbnail…

Face

A yellow circular face with two black eyes is drawn on a plain white background. Built entirely with SVG elements, the visualization uses a large `circle` for the head and two smaller `circle` elements for the pupils, all styled with thick black strokes. No external data or JavaScript libraries are involved; the rendering relies solely on static SVG markup directly embedded in the HTML page.

Yyenisi

79% match

Loading thumbnail…

Making a Face

A simple SVG face built with basic shapes offers a playful introduction to static data visualization. The yellow head is a large circle with a black outline, while two smaller unfilled circles serve as eyes, all rendered directly in the HTML markup without any JavaScript libraries. This example demonstrates fundamental SVG drawing through declarative elements like `circle` and `stroke` attributes, showing how raw geometric primitives can compose a recognizable figure. The code uses plain SVG within an embedded `svg` tag, with no external dependencies.

MMateusGaldinoLG

78% match

Loading thumbnail…

Face

This example shows a simple, stylized face rendered in SVG. A yellow circle forms the head, two black circles serve as eyes, and a black arc creates a smiling mouth. The code uses D3’s `select` and `arc` functions to construct the shapes, setting coordinates and radii relative to the SVG’s width and height. The rendering uses D3 v5 and outputs to SVG, with the mouth path created using the `arc` function’s parameters for inner and outer radius and start and end angles.

Ddvyachkil

78% match

Loading thumbnail…

Face

A yellow circular face with two solid black eyes sits against a blank background, designed as the first step toward a smiley face. The SVG rendering uses three `<circle>` elements, one for the head and two for the eyes, with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. The head has a thick black outline, while the eyes are plain black without strokes. The art is encoded directly in `index.html` with no external JavaScript libraries or data sources.

Rrashmi.s2055@gmail.com

78% match

Loading thumbnail…

Create_A_Face_1

A simple hand-coded SVG face drawn with circular elements forms the core of this example. The primary circle, rendered in yellow with a thick black stroke, represents the head, while additional circle elements are intended for facial features. The code uses raw SVG markup within an HTML page, defining shapes with attributes like `cx`, `cy`, and `r` for positioning and radius. The rendering is static, with no JavaScript libraries or data binding involved, relying solely on SVG's native drawing capabilities to construct the visual.

Hhamburger21

78% match