World Countries Tree

100%

World Countries Tree

✓ Published4🌍 Public

Last edited Nov 16, 2020

Created on Nov 13, 2020

A yellow circle face with animated eyebrows demonstrates D3 v4 transitions. The face is drawn with SVG circles, rectangles, and an arc-based mouth, centered via a transformed group. Eyebrows move up and down using chained `transition().duration(2000)` calls that toggle their vertical offset. The code uses D3's `select`, `arc`, and transition API on static SVG elements, with no data binding or force simulation.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

D3 Face

A yellow circle with black outlines forms a face, featuring two eyes, rectangular eyebrows, and a half-circle mouth. The eyebrows animate by moving upward over two seconds and then returning to their original position. The visualization is built with D3 v7, using SVG shapes within a root group, and the mouth is drawn with the `d3.arc` path generator. The animation relies on chained `transition().duration()` calls, offering a simple, playful demonstration of D3's selection and transition methods.

Hhenryspradlin

82% match

Loading thumbnail…

face with D3.js eyebrows moving

A yellow D3.js face with black-outlined features animates its eyebrows up and down in a repeating motion. The face, rendered as SVG, uses a circle for the head, two circles for eyes, and a D3 arc path for a mouth. Two rectangular eyebrows move via chained `transition().duration()` calls on an SVG group. The visualization is built with the d3 library (v5), using the SVG rendering and animation capabilities within an HTML page.

YYedrup

82% match

Loading thumbnail…

Face with Transitions

A yellow circle face with black-outlined eyes, animated rectangular eyebrows, and a curved mouth rendered as an SVG path. The eyebrows move vertically through a chain of two-second `transition` calls, shifting down then returning to their original position. Built with React and D3 v6, the visualization uses `select` to manipulate the SVG and `arc` for the mouth shape.

Ggabcoderboi

81% match

Loading thumbnail…

D3 Face

A cartoon face rendered in SVG uses D3 v5 to build a yellow circle head with black eyes and an arc-based mouth. Eyebrows, drawn as rectangles, animate vertically through chained `transition` calls on a group element. The code leverages D3’s `select` and `arc` APIs, with static attributes for positioning and a repeated eyebrow movement lasting two seconds per phase, demonstrating basic SVG construction and timed animation.

Ttenghaoman

81% match

Loading thumbnail…

D3 Face

A smiling face is drawn as a yellow circle with eyes, eyebrows, and a mouth, and the eyebrows perform a repeated up-and-down animation. The SVG is generated using D3 v5, with circles for the face and eyes, rectangles for the eyebrows, and an `arc` path for the mouth. A D3 transition with a 2000-millisecond duration drives the eyebrow movement, translating the group along the y-axis.

Rrdeichert

81% match

Loading thumbnail…

D3

A yellow circle with eyes, eyebrows, and a mouth forms a smiling face, rendered as SVG elements. The right eyebrow animates upward and back down over four seconds using D3 transitions. The face is centered in a 960×500 viewport, with the mouth drawn via the `arc` generator and all shapes grouped and translated using D3's `select` and `append` methods. The animation runs in an infinite loop, triggered by chained `transition().duration()` calls on the eyebrow rectangle.

JJeffrey Miiller

81% match

Loading thumbnail…

Face With D3

A yellow circle with black outlines forms a face, featuring two eyes, animated eyebrows, and a mouth drawn as an arc. The code uses d3-selection to append SVG shapes and d3-transition with chained 2000-millisecond transitions to move the eyebrows downward and back. The d3.arc() API generates the mouth path, while attribute manipulation handles positioning and styling.

Iikimes

81% match

Loading thumbnail…

D3 face

A yellow circle with black outlines forms a face, featuring two eyes, rectangular eyebrows, and an arc-shaped mouth. The eyebrows continuously bounce up and down through repeated `transition().duration()` calls, creating a simple animation. Built with D3 v7, the visualization uses `select`, `append`, and the `arc` generator to construct SVG elements, with all facial features positioned relative to the center of an SVG canvas.

Wwieswies

81% match