Skip to main content
SimilarExport ZIP
100%

Akbar Sarkar

✓ Published0🌍 Public
Hhossaphul
Last edited Feb 25, 2023
Created on Feb 25, 2023

Akbar Sarkar is a smiling face made from gold SVG shapes, including a mouth, nose, ears, pupils, and teeth, all drawn with D3.js primitives. The visualization demonstrates DOM manipulation by constructing each facial feature through D3 selections and appending circles, rectangles, and paths. The code uses the `d3.select` and `.append` API to build the SVG hierarchy, and the `d3.arc` generator to define the mouth and nose paths, while static eyebrows and eyes are placed via absolute coordinates.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.

MIT Licensed

Similar vizzes

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

Let's make a face with D3.js

A smiling face made of SVG shapes is drawn with D3.js, using circles for the head and eyes, rectangles for eyebrows, and an arc-generated path for the mouth. The eyebrows animate vertically via chained `transition().duration()` calls, shifting down and back up over two seconds each. The code imports `select` and `arc` from d3, manipulates SVG attributes directly, and positions elements relative to a centered group. Rendering uses an SVG canvas with a yellow circle and black strokes.

AAkshada Pradhan
74% match
Loading thumbnail…

Satish

A smiling face built with SVG shapes demonstrates D3.js DOM manipulation and animation. Yellow circles form the head and eyes, while rectangular eyebrows and an arc-based mouth complete the figure. The code uses D3 v5 selections and transitions, with `transition.attr` moving the eyebrow group upward and back over two 2-second intervals. The `arc` generator from the d3-shape module creates the mouth path, and explicit SVG attributes position each element relative to a centered group.

SsatishbabuNalajala
74% match
Loading thumbnail…

Let's make a face with D3.js!

A yellow smiley face is drawn in SVG using D3.js, with circles for eyes and a mouth created via the d3.arc path generator. The face’s eyebrows, rendered as rectangles, animate upward and back down over four seconds using chained transition calls. The code builds the entire face through direct DOM selection and manipulation with d3.select and d3.append, positioning elements via SVG transform attributes.

AAkshada Pradhan
73% match
Loading thumbnail…

BA 401 Devendra Singh

A yellow smiley face drawn with SVG appears on screen, with two circular eyes, a curved mouth, and rectangular eyebrows. The visualization demonstrates fundamental DOM manipulation in D3.js by animating the eyebrows’ vertical position. Using D3 selections and chained transitions, the eyebrows move upward and return over repeated two-second intervals. The code builds the face from basic SVG shapes—circles, a path generated with `d3.arc`, and rectangles—while `transition().duration()` controls the animation timing. No external data is used; the rendering is purely programmatic.

Ddeven1998
73% match
Loading thumbnail…

Let's make a face with D#.js

This example draws a cartoon face using D3.js v5 with SVG shapes, rendered on a yellow circle with black stroke. The code uses `d3.select` and `d3.arc()` to construct the mouth, while static circles and rectangles form the eyes and eyebrows. A `transition().duration().attr()` chain animates the right eyebrow, moving it upward and back down. The face is centered via SVG group transforms, with dimensions derived from the viewport height and width.

Aakankshaahirwal
73% match
Loading thumbnail…

smily

A yellow smiling face with eyes, eyebrows, and a mouth is drawn in SVG using D3 v7. The face is centered via a translated group, and the mouth is created with the `d3.arc` API. Eyebrows animate up and down using chained `transition` calls over two seconds each. The visualization loads D3 from UNPKG and imports `select` and `arc` from the `d3` module.

KkarthikGT
72% 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
72% match