Skip to main content
SimilarExport ZIP
100%

charu

✓ Published0🌍 Public
Ccharusivasasi@gmail.com
Last edited Aug 7, 2025
Created on Aug 7, 2025

A yellow circular face with black-outlined eyes and a curved mouth is drawn using D3.js. The eyebrows, rendered as semicircular arcs, animate upward and then return to their original position over two sequential transitions. The code uses d3.select and d3.arc to construct the SVG shapes, with transition().duration() driving the eyebrow movement. The visualization is built with d3.v5 and employs SVG elements for rendering.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

aravind

A yellow SVG circle with black outline serves as a face, while two blue circles form eyes and a D3 arc path creates a mouth. Two rectangular eyebrows animate upward and downward using chained `transition().duration()` calls, moving between their original positions and a raised state over two seconds each. The visualization uses D3 v7 with `select`, `arc`, and SVG shapes, rendering a simple animated character entirely through D3’s selection and transition APIs.

Aaravind1724
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
80% match
Loading thumbnail…

SVG Face

A stylized, yellow SVG face with black-outlined features and animated eyebrows. The face is constructed using D3 primitives: circles for the face and eyes, and rectangles for the brows. The entire face is centered within the SVG, with the mouth drawn as an arc path. The eyebrows animate via chained `transition` calls, moving downward over one second and then returning to their original position over two seconds. The code imports `select` and `arc` from D3 v5.

Aatree-rohit
79% match
Loading thumbnail…

Let's make a face with d3.js!

A yellow SVG face is drawn with d3.js, featuring two eyes, animated eyebrows that move up and down via chained transitions, and a smiling mouth with a tongue created using d3.arc. The code uses d3.select to attach elements to an SVG canvas, d3.arc for path generation, and transition().duration() to animate the eyebrow transforms over two seconds.

Aarun-subba
79% match
Loading thumbnail…

akarshana_work

A yellow circle with black outlines forms a smiling face centered in the SVG canvas. Two static eyes and a curved mouth are drawn, while a pair of rectangular eyebrows animates vertically, moving downward and then returning to its original position. The piece uses D3 v5 to construct the shapes via `d3.select` and `d3.arc`, and relies on chained `transition.duration` calls to create the eyebrow motion. All elements are rendered as SVG within an HTML document.

224cs049@kpriet.ac.in
79% 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
79% match
Loading thumbnail…

VarshaG

A smiling yellow face drawn with SVG shapes demonstrates basic D3.js DOM manipulation. The page uses D3 selections to append and position the head, eyes, eyebrows, and an arc-based mouth. An animated transition shifts the eyebrow group up and down repeatedly using chained `transition().duration()` calls, creating a blinking-like motion. The example relies on D3 v5’s `select`, `arc`, and attribute methods, with all coordinates computed from the SVG’s width and height attributes.

VVReddy913
79% match
Loading thumbnail…

Untitled

A yellow face is drawn as an SVG circle with white eyes and black pupils, a curved mouth, and small blue tear circles. The visualization is implemented in D3 v5 within a React framework, using `d3.select` to reference the SVG and appending elements like circles, rects, and a `d3.arc`-constructed path for the mouth. The eyebrows, styled as rectangles, animate downward over 2 seconds via D3 transitions, creating a frowning expression. The code specifies fixed pixel dimensions and positions for all facial features, rendering statically with no external data source.

PPatilShruti20
79% match