Skip to main content
SimilarExport ZIP
100%

Extra Smiley

✓ Published0🌍 Public
OOvxOO
Last edited Aug 14, 2019
Created on Jul 17, 2019
Forked from Lets make a Face!

A yellow smiley face with black-outlined circles for eyes and a filled arc for a mouth is rendered on a gray background. The eyebrows, drawn as rectangles, animate by translating vertically up and down over a two-second duration using d3’s `transition` and `.attr` methods. The visualization uses SVG shapes and a `d3.select` call to build the scene, with the mouth path created via `d3.arc`.

AI-generated description

An example showing the capabilities of VizHub.

MIT Licensed

Similar vizzes

Loading thumbnail…

Smiley Face

A yellow circle with a black outline forms the face, featuring two solid black eyes and rectangular eyebrows. The eyebrows animate by moving downward and then returning to their original position over a sequence of transitions. The mouth is drawn using the D3 `arc` function to create a curved path. The visualization is built with React and D3 v4, rendering all shapes as SVG elements within a centered group, with animated transitions applied via `transition().duration()`.

NNicholas Stebbings
87% match
Loading thumbnail…

Smile

A yellow smiley face with black-outlined features is drawn using D3.js v6. The SVG face has two circular eyes and a mouth formed by an annular arc path, with rectangular eyebrows that animate downward and back upward over a two-second transition. The code builds the face by positioning circles, rects, and an arc path relative to the SVG center, and relies on D3’s `transition` API to create the eyebrow movement. The animation is rendered in an SVG.

Wwei
87% match
Loading thumbnail…

Smiley Face

A yellow, black-outlined smiley face bounces side to side while its eyes shift in unison, and a red, semi-circular mouth reveals white teeth in an animated blink. Built with D3 v5, the visualization constructs the face from SVG ellipses and arc paths, using chained `.transition()` calls to animate the eye group’s horizontal movement and the mouth’s color change between red and white.

NNita
87% match
Loading thumbnail…

Smiley face

A yellow smiley face with black eyes, eyebrows, and an arc-shaped mouth is drawn in the center of an SVG canvas using D3.js v6. The face is constructed with D3 selections and shape generators, including `d3.arc` for the mouth and appended SVG `circle` and `rect` elements. A brief animation occurs when the eyes transition their fill color to black after a one-second delay. The graphic is rendered as static SVG with a simple transition effect.

AArun
87% match
Loading thumbnail…

Smiley Face

A yellow SVG smiley face appears on a gray background, composed of a large circle, two elliptical eyes with red pupils, and a semicircular mouth drawn using the D3 `arc()` generator. The eyes, grouped in an `ellipseG`, animate through a series of `transition().attr(transform)` calls, shifting side-to-side before returning to center. After a five-second delay, the face’s fill color transitions from yellow to pink, while a white rectangle fades in to cover the mouth, altering the expression.

NNita
87% match
Loading thumbnail…

Smiley face

This visualization displays a simple yellow smiley face rendered as SVG, composed of a circular face, two black eyes, and an arc-shaped mouth. The code uses D3 v5’s `select` and `arc` APIs to construct the path for the mouth, while positioning all elements relative to the SVG’s width and height. The face is drawn with a circle, and the eyes are offset from the center using explicit pixel coordinates. The `arc` generator defines the mouth’s inner and outer radii with start and end angles, producing a fixed smile shape.

Ssrwezuva
86% match
Loading thumbnail…

Smiley

A smiling face is rendered as a static SVG figure, with a purple circular head, two eyes, and a curved mouth drawn using a D3 arc path. The eyebrows, created as rectangles, animate up and down in a repeating sequence via chained `transition.attr` calls. The visualization uses D3 v5's `select`, `arc`, and SVG element creation, with all coordinates computed relative to the viewport’s center.

VVigyoRex
86% match
Loading thumbnail…

smile face

A yellow smiley face is drawn in SVG, with black eyes, eyebrows, and a semi-circular mouth. The eyebrows animate by shifting their vertical position using chained D3 transitions. The face is constructed with D3 selections, using `circle` and `rect` elements for the features, and a `path` created with the `d3.arc` generator for the mouth. The entire group is centered and scaled, with the animation triggered on page load.

YY-oringe
86% match