Skip to main content
SimilarExport ZIP
100%

Fork sample

✓ Published0🌍 Public
SSravan0818
Last edited Feb 18, 2022
Created on Feb 16, 2022

A yellow circle with black eyes, eyebrows, and a blue arc mouth forms a simple face. The eyebrows animate upward and then return to their original position over a two-second cycle. The code uses D3 v6 selections and transitions, with `arc` for the mouth path. All shapes are drawn in SVG within a 900x350 viewport, centered by a translated group.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork Face

A yellow circle face with black eyes and eyebrows is drawn using D3 selections, with a curved mouth created via the `d3.arc` path generator. The eyebrows animate upward and back down using `transition.attr` over two-second intervals. The example demonstrates importing specific D3 modules like `select` and `arc`, and renders entirely as an SVG with a static yellow background and animated facial features.

MMouniesh
91% match
Loading thumbnail…

FORK 1

A yellow circle with black outlines forms a face, featuring two eyes and animated eyebrows that dip down and return over a four-second cycle. A mouth is drawn as an arc path. Built with D3 v7, the SVG elements are selected and appended via `d3.select` and `d3.arc`, while `transition` attributes handle the eyebrow movement.

PPKISHON
89% match
Loading thumbnail…

Fork of D3-1: Making a face

A yellow circle face with blue eyes, black eyebrows, and a mouth formed by an arc sits centered in an SVG canvas. Two rectangular eyebrows animate upward simultaneously over two seconds, then return to their original positions. The code uses D3 v7 selections, including `d3.select` and `d3.append`, with SVG elements like `circle`, `rect`, and `path`, plus the `d3.arc` API for the mouth shape. Transitions are applied via `.transition().duration()` to animate the eyebrow movement.

AAbishekprabakaran
89% match
Loading thumbnail…

Fork of D3-1: Making a face

A yellow circle with blue eyes, animated eyebrows, and a curved mouth forms a stylized face rendered in SVG. The code uses D3 v7 selections to append SVG primitives, and a D3 arc path generator to create the mouth based on specified inner and outer radii and angles. Two rectangles represent eyebrows and use chained `transition().duration()` calls to move them vertically over two seconds before returning. The example demonstrates basic D3 shape generation, SVG group elements for shared eye styling, and timed attribute transitions.

AAsmitha-Sa
89% match
Loading thumbnail…

Fork of Fork of Lets make a face

A yellow face with black outlines is drawn on an SVG canvas using D3 v6. The animated eyebrows move up and down via chained `transition().duration()` calls. The face is constructed from primitive shapes: circles for the head and eyes, and a path generated with the `arc()` API for the mouth. The code imports `select` and `arc` directly from D3.

EEsteLima
89% match
Loading thumbnail…

Fork face with d3.js!

This example uses D3 v7 to draw a yellow circle face with eyebrows, eyes, and an arc-based mouth on an SVG canvas. The code demonstrates local module imports, including `select` and `arc` from D3, and animates the eyebrows with chained `transition` calls that move them up and down over two-second intervals.

Kkiruthiga1304
88% match
Loading thumbnail…

Fork of D3-1: Making a face

A yellow circle with black stroke and two blue eyes with black strokes are drawn on an SVG canvas, along with a black arc-shaped mouth and two rectangular eyebrows. The eyebrows animate by moving up and down over time using D3 transitions. The visualization uses D3.js v7 to select the SVG element, append circles, a path, and rectangles, and apply attributes. The arc for the mouth is generated with the D3 `arc` function, and the eyebrow movement uses chained `.transition().attr()` calls over 2000ms durations.

MMithunshanjai
88% match
Loading thumbnail…

Fork of Fork of Fork of d3js

A smiling yellow face with blue eyes and eyebrows sits centered in an SVG canvas, built using D3 v5 selections and the `arc` helper. The eyebrows animate upward and back down over two seconds via chained `transition` calls, while the mouth is drawn as a half-circle arc. The example demonstrates basic SVG shape composition, coordinate transforms, and timed animations using D3’s selection framework.

Mmuslimaaliyeva
88% match