Skip to main content
SimilarExport ZIP
100%

Fork Face

✓ Published0🌍 Public
MMouniesh
Last edited Sep 22, 2023
Created on Sep 22, 2023

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.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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
93% 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
92% 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
91% match
Loading thumbnail…

Fork of D3 Face

A yellow circular face with black features, including eyes, eyebrows, and a frown, is rendered in SVG. The eyebrows animate upward and then return to their original position using a chained `transition.attr` in D3 v7. The code builds the face using `select`, `arc`, and `append`, with a `g` element centered via a transform. Static constants define the eye spacing, offsets, and mouth arc, all drawn within a 960 by 500 SVG canvas.

AAkhilaSiripurapu
91% match
Loading thumbnail…

Fork of Create a face with d3.js!

A yellow SVG face with circular eyes, rectangular eyebrows, and an arc-shaped mouth is drawn using D3 selections and shape generators. The eyebrows animate upward and back down via chained `transition` calls that tween the group's `transform` attribute. The example imports `select` and `arc` from D3 v7 and renders entirely with SVG elements positioned around a centered group, with eyebrow motion driven by timed attribute updates.

Hharichandanamone21@gmail.com
91% match
Loading thumbnail…

Fork of Lets make a face

This example shows a simple yellow cartoon face with eyes, eyebrows, and a mouth, built entirely with D3.js v6 and rendered as SVG. The eyebrows animate by moving up and down repeatedly over two-second transitions. The face is centered using a group translation, and the mouth is drawn with the `d3.arc` path generator. The code uses `select` and `arc` from the D3 library, with hardcoded dimensions for spacing and radius, displaying a looping motion without any external data source.

EEsteLima
91% 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
91% match
Loading thumbnail…

Fork sample

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.

SSravan0818
91% match