Skip to main content
SimilarExport ZIP
100%

TEST DE MERDE

✓ Published0🌍 Public
MMohamed-Khchiou
Last edited Feb 18, 2020
Created on Feb 18, 2020

A yellow face with black-outlined features repeatedly raises and lowers its rectangular eyebrows while a fixed smile arc remains below. The animation, built with D3.js, uses `transition().attr()` to cycle the eyebrow group's vertical position over two-second intervals. The face is constructed from SVG primitives—circles for eyes, rects for brows, and a path generated by `d3.arc()` for the mouth—all centered within an SVG canvas. The rendering is purely code-driven, with no external data source.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Test1

A yellow smiley face is drawn with SVG circles for the head and eyes, rectangles for eyebrows, and an arc-generated path for the mouth. The example demonstrates animated eyebrow movement using D3 transitions that lower and raise the rectangles over repeated two-second intervals. The scene is built with D3 selections to append and position elements, while the arc generator from the same library defines the mouth shape. The animation runs as an infinite loop, showcasing basic D3 transition chaining.

Bbillmccabeusa@hotmail.com
82% match
Loading thumbnail…

Testing

A yellow circle with two eyes and a mouth is drawn in SVG, its eyebrows bobbing up and down in an animated loop. The code builds the face from basic shapes using D3 v5, applying chained `transition` calls to animate the eyebrow group's vertical transform. Rendering is done entirely in SVG, with the mouth formed by D3's `arc` shape generator.

PPedro Ernesto Tramontina
81% match
Loading thumbnail…

D3 test

This example shows a simple yellow face built from SVG shapes, with eyes that blink through a repeating eyebrow animation and a smiling arc-shaped mouth. The code uses D3 v6 selections to append circles, rectangles, and a path to an SVG canvas, while the mouth is drawn with the `d3.arc` helper. A two-stage `transition` chain animates the eyebrows downward and back, demonstrating chained timing. The face is centered using an SVG transform, and static styling comes from the included stylesheet.

Vvmoharir
81% match
Loading thumbnail…

Untitled

A yellow smiley face with black eyes and a curved mouth sits centered on a black background, while its rectangular eyebrows bounce up and down in a looping two-second animation. The example demonstrates fundamental DOM manipulation using D3.js v3, building the face from SVG shapes like circles, rectangles, and an arc path. The eyebrows move via chained `transition()` calls with a 2000-millisecond duration, toggling their vertical offset back and forth. All rendering is done through D3 selections and the `arc()` helper, with no external data source.

DDebaliena
81% match
Loading thumbnail…

Test Let's make a face with D3.js!

A smiling face rendered as yellow SVG circles, rects, and an arc path demonstrates fundamental D3.js DOM manipulation. Eyebrows animate upward and back down through chained `transition().duration(2000)` calls on the group’s `transform` attribute, while the mouth uses `d3.arc`. The code builds the figure by selecting the SVG, appending groups, and setting shape attributes for eyes, eyebrows, and face from fixed numeric constants, with no external data source.

Bbakstorage00001
80% match
Loading thumbnail…

test

This animation shows a yellow smiley face with black eyes and eyebrows that raise and lower repetitively over time. The face is drawn using SVG shapes, with a large circle for the head, smaller circles for the eyes, rectangles for the eyebrows, and a path generated with the `d3.arc` function for the mouth. The eyebrows animate via chained `transition()` calls that shift their vertical position over two-second intervals. The code imports `select` and `arc` from the D3 v6 library and uses `transition.attr` to create the movement.

CChaeHyun-Kim
80% match
Loading thumbnail…

Untitled

A yellow smiley face with black-outlined eyes and a wide open mouth is rendered in D3.js. The animation moves the face’s rectangular eyebrows upward and back down in a looping transition. The code uses D3’s `select`, `arc`, and `transition` APIs to construct the SVG shapes and animate the eyebrow group’s transform attribute over two sequential two-second durations. The visualization demonstrates fundamental DOM manipulation by building each facial feature from primitive SVG elements.

Aaudreyfr
80% match
Loading thumbnail…

testefaenskap

This example shows a cheerful yellow face rendered as SVG, with eyes, moving eyebrows, and a smile. The eyebrows animate upward and downward in a looping transition. The visualization uses D3 v7’s `select`, `arc`, and `transition` APIs to build the facial features and drive the motion. All elements are drawn as SVG shapes, including circles for the face and eyes, rectangles for the eyebrows, and an arc path for the mouth. The animation runs automatically on page load within a fixed 960×500 viewport.

Ssh1shk1n
80% match