Skip to main content
SimilarExport ZIP
100%

"Vamp"

✓ Published0🌍 Public
RReshma R
Last edited Mar 26, 2019
Created on Mar 25, 2019
Forked from Untitled

A vampire face rendered in SVG sits centered in a black viewport, constructed from red geometric primitives including a circular head, crescent mouth, triangular fangs, and two eyes. The static image animates on mouse hover: the fangs descend from their retracted position to the mouth, driven by D3's `transition().attr()` API. The piece uses D3 v5's `select`, `append`, and `arc` builders for path generation, with a hover prompt in Special Elite font.

AI-generated description

hover over me for a suprissse

haahaahahahahhaaahhaaaaaaaaaaaaaaaaaaaahhaaaaaaaaaaaaaaaaaaaaaaaaaaaa hhhhhhahhahahahahahhahahahahhahahaaa hhhhhaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaahhhhahhhhha

MIT Licensed

Similar vizzes

Loading thumbnail…

Face 2

A simple SVG face with two black eyes and a yellow circular head appears on a red-bordered canvas. Using D3.js v6, the code draws an arc below the face to represent a mouth, whose curvature continuously widens and narrows via `d3.timer`. The arc’s start and end angles are recalculated each frame based on elapsed time, and the path’s `d` attribute is updated through the `d3.arc` generator. Static elements are defined directly in HTML, while the animated mouth is appended programmatically.

SS767
74% match
Loading thumbnail…

D3 Stuff

A stylized face rendered as orange SVG shapes, built entirely with D3 v5’s selection API (`d3.select`). It shows a static circle head with fixed eyes and mouth, plus animated eyebrows that slide down and back up over four seconds via chained `transition().duration(2000)` calls. The mouth uses D3’s `arc` path generator, and all coordinates derive from the SVG’s width and height attributes. Data is absent; the example demonstrates basic layout, animation, and geometric path construction.

Ddanjaruss
74% match
Loading thumbnail…

d3-face

A smiling face rendered in SVG animates as its pupils shift to the right. Built with D3 v5, the example uses `d3.select` to append circles for the face, eyes, and pupils, while `d3.arc` generates the mouth path. A `transition().duration(2000)` moves each pupil over two seconds, demonstrating basic shape construction and animation within a static HTML page.

JJames Malvern
74% match
Loading thumbnail…

svg smile

A smiling face rendered in SVG shows two black eyes with white highlights that dart side to side, while a static arc forms the mouth. The animation uses chained `transition` calls on the eye highlight circles to shift their `cx` attributes over 1600 and 1400 milliseconds. Built with D3 v5, the code appends circles and a path using `d3.select`, `arc`, and shape helpers, with no external data source.

Ssivakaman
73% match
Loading thumbnail…

svg smile

A smiling face rendered in SVG shows two black eyes with white highlights that dart side to side, while a static arc forms the mouth. The animation uses chained `transition` calls on the eye highlight circles to shift their `cx` attributes over 1600 and 1400 milliseconds. Built with D3 v5, the code appends circles and a path using `d3.select`, `arc`, and shape helpers, with no external data source.

Ssivakaman
73% match
Loading thumbnail…

Let's make face with D3!

A static green face with black eyes and a mouth is drawn using D3.js in an SVG element, centered within a 960x500 viewport. The features are positioned with hardcoded coordinates, and the eyebrows animate upward and back down over two seconds using the `transition` API. The code leverages D3 v5’s `select` and `arc` functions to construct the SVG shapes and the mouth path.

GGabriele Bonzi
73% 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
73% match
Loading thumbnail…

Let's make a face with D3.js!

A yellow SVG face with black-outlined eyes and an animated mouth is drawn using D3.js v5. The face is centered via an SVG group transform, with circles for the eyes and an arc-based path for the mouth. Eyebrows are rectangles that transition vertically twice over two seconds using D3's `transition().duration()`. The code uses `d3.select`, `d3.arc`, and SVG attributes like `attr('d', ...)`, rendering entirely in SVG with no external data source.

Ddanielchamone
72% match