Skip to main content
SimilarExport ZIP
100%

Fork of Let's make a face with D3.js!

✓ Published0🌍 Public
Ddr_nareshvet@yahoo.in
Last edited May 10, 2025
Created on May 10, 2025

A yellow circle with black outlines becomes a cartoon face, complete with eyes, eyebrows, and a curved mouth. The eyebrows animate downward and back upward over two seconds each, repeating the motion. Built with D3 v5, the SVG is rendered using `select`, `arc`, and `transition` calls, with circles for eyes and a path generated by `d3.arc` for the mouth.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Let's make a face with D3.js!

A yellow circle with black outlines becomes a cartoon face, complete with eyes, eyebrows, and a curved mouth. The eyebrows animate downward and back upward over two seconds each, repeating the motion. Built with D3 v5, the SVG is rendered using `select`, `arc`, and `transition` calls, with circles for eyes and a path generated by `d3.arc` for the mouth.

Ddr_nareshvet@yahoo.in
100% match
Loading thumbnail…

Fork of Let's make a face with D3.js

A yellow circle face with black eyes, eyebrows, and a mouth is drawn in SVG using D3 v6. The mouth is generated with the `arc` generator, while the eyes and eyebrows are circles and rectangles. Eyebrows animate vertically via chained `transition().duration()` calls, moving down and then back up, using D3's selection and transition methods.

SSerena Fang
95% match
Loading thumbnail…

Fork of Let's make a face with D3.js!

A yellow cartoon face rendered with SVG shapes animates its eyebrows up and down. The code builds the face from concentric circles for the head, eyes, and mouth using D3 selections and an arc generator. D3 transitions with a two-second duration repeatedly move the eyebrow group vertically, creating a looping expression. The example is implemented with D3 v5, drawing directly to an SVG canvas within a 960 by 500 pixel viewport.

AAmrit Adhikari
95% match
Loading thumbnail…

Fork of Let's make a face with D3.js

A yellow circle with black facial features animates its eyebrows in a looping motion. The face is drawn with SVG elements in D3.js v3, using a `circle` for the head and eyes, `rect` elements for the eyebrows, and an `arc` path for the mouth. The eyebrows move vertically via chained `transition` calls with a 2000-millisecond duration, shifting down then returning to their original offset.

SSerena Fang
94% match
Loading thumbnail…

Fork of Let's make a face with D3.js!

A smiling face with yellow circular head, black-outlined eyes, and a curved mouth is rendered as SVG using D3 selections. The code builds the face by appending circles, rectangles, and an arc path to a centered group element. Eyebrows animate upward and back down via chained `transition.attr` calls over two-second intervals. The example uses `d3.select`, `d3.arc`, and SVG attribute manipulation to demonstrate fundamental DOM binding and transitions in D3 v5.

Mmatthewtang89@gmail.com
94% match
Loading thumbnail…

Fork of Let's make a face with D3.js!

A smiling face is rendered as a yellow circle with two eyes, animated eyebrows, and an arched mouth, all drawn in SVG. The eyebrows move up and down repeatedly using chained D3 transitions. The code builds the face by appending SVG elements to a group, using D3 v5's `select`, `attr`, and `arc` for the mouth path, with an implicit data-join-free DOM construction.

Ssohum42
94% match
Loading thumbnail…

Fork of Let's make a face with D3.js!

A smiling face built with SVG renders a yellow circle, two eyes, and an arc-based mouth. D3.js v5 transitions animate the eyebrows, moving a group containing two rectangles upward and back down over a four-second loop. The code uses `d3.select`, `d3.arc`, and chained `transition().duration()` calls to manipulate DOM elements directly, with static attributes for spacing and dimensions defined in JavaScript.

SSaip Can Hasbay
94% match
Loading thumbnail…

Fork of Let's make a face with D3.js

A smiling cartoon face is drawn with SVG shapes, including a yellow circle for the head, black circles for eyes, rectangular eyebrows, and an arc-based mouth. The eyebrows animate upward and back downward over four seconds using chained D3 transitions. The code uses d3-selection to append elements to an SVG canvas and d3-shape’s `arc()` function to generate the mouth path. The face is centered via a group transformation, with eye spacing and offsets defined as constants.

AAdam Usmani
94% match