ICE6

100%

✓ Published0🌍 Public

Last edited Mar 26, 2025

Created on Mar 26, 2025

A simple SVG face made of two unfilled eye circles placed inside a large yellow circular head with a black outline. The static composition demonstrates basic coordinate positioning and shape styling, using only inline SVG elements defined directly in the HTML. The circles are positioned via explicit `cx`, `cy`, and `r` attributes within an `<svg>` canvas of 960 by 500 pixels, with no interactivity or data-driven logic.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE4

A yellow circle with a black outline occupies the center of an SVG canvas, representing a face in progress. Two smaller black circles act as eyes, positioned symmetrically to the left and right of the face’s upper area. The rendering relies on three SVG `<circle>` elements, with the main face sized at 960 by 500 pixels and the eyes offset from the center via hardcoded `cx` coordinates. The code does not use any JavaScript libraries, instead directly embedding circle geometry and styling attributes in the markup.

SSai Kaushik

85% match

Loading thumbnail…

SvgFace

A simple SVG face rendered as a yellow circle with black outline and two eye circles, positioned on a blank canvas. The static composition uses inline SVG elements—a `<circle>` for the head and two smaller `<circle>` elements for the eyes—directly embedded in an HTML page. The code relies on the native SVG API within the browser, with no external JavaScript libraries. The styling, including the fill color, stroke, and dimensions, is set via SVG attributes, while the page’s body margin is removed through CSS for a full-bleed appearance.

Ffak2116@barnard.edu

78% match

Loading thumbnail…

making a face

A simple static face built with SVG primitives in an HTML page. The graphic shows a yellow circle as the head with black outlines, and two smaller filled circles as eyes, arranged symmetrically on a 960-by-500 canvas. Using inline `<circle>` elements, the code sets explicit coordinates and radii for each shape, with no interactivity or animation. The example demonstrates basic SVG markup and styling directly in HTML, with margins removed via CSS for a clean, full-viewport presentation.

Llassori3@gatech.edu

78% match

Loading thumbnail…

ICE 6

ICE 6 renders a static visualization of a single rectangular plot area within an SVG canvas, filled with a light gray background. The code uses D3's selection and data-join methods to create the SVG and draw the rectangle, with margins defining the inner plotting region. The example demonstrates basic SVG drawing primitives via D3, establishing a blank canvas for potential future data layers, though no data or axes are shown.

Cchilukuritagore1427@gmail.com

77% match

Loading thumbnail…

ICE4

A smiling yellow face rendered in SVG uses D3’s `arc` generator to draw a semicircular mouth and custom eye arcs, while React manages the component structure. The face includes black-outlined circles for eyes and head, red ellipses for cheeks, and black stroke lines for hair and ears. Static geometry places features symmetrically around the center, with D3’s `arc` and `d3.arc` APIs defining curved shapes, and ReactDOM rendering the final SVG.

Ssuchitra2602

77% match

Loading thumbnail…

face1

A yellow circle with a black outline forms a face against a blank background. Two smaller black circles serve as eyes, positioned symmetrically within the larger shape. The SVG is rendered directly in HTML with fixed dimensions of 960 by 500 pixels. The code uses basic SVG circle elements with explicit attributes for center coordinates, radius, and fill colors, defined inline within the markup.

NNireus79

77% match

Loading thumbnail…

Lets make a face

This example shows a simple, hand-coded SVG face with a large yellow circular head and two smaller black eyes positioned symmetrically. It renders entirely through static SVG elements—a head circle with a black stroke and two eye circles—without any interactivity or animation. The code uses raw SVG markup inside an HTML file, setting geometric attributes like `r`, `cx`, and `cy` directly, with no JavaScript libraries or data sources involved. The face is halfway to a smiley, lacking a mouth or other features.

Kkeitheade

76% match

Loading thumbnail…

ICE 4

This example animates a smiling face, constructed from a yellow circle head, two eyes, eyebrows, and a mouth, against a black stroke. The entire face is centered within an SVG canvas using a D3 translate transform. The code relies on D3’s `select` and `append` to build the SVG structure, and the mouth is drawn with a `d3.arc` path. A two-second `transition` sequence shifts the eyebrows up and down, creating a surprised or winking expression on the static face.

AAmar09nath

76% match