PKISHON (@PKISHON), VizHub

Kishon Fork of Create a face with d3.js!

This example draws a smiling face using D3.js, rendered as scalable vector graphics (SVG) with a 2000-millisecond animated eyebrow movement. The visualization imports `select` and `arc` from the D3 library, building the face from basic shapes: a yellow circle for the head, two circles for eyes, rectangles for eyebrows, and an arc path for the mouth. The code demonstrates API usage by chaining a two-phase `.transition()` on the eyebrow group, shifting its vertical position to create a subtle, repeated gesture.

Sep 22, 2023

Loading thumbnail…

Fork of Create a face with d3.js!

This example demonstrates how D3.js can construct a cartoon face using SVG shapes, including circles for the eyes and a path generated with the `d3.arc` function for the mouth. The face is centered via an SVG `g` element, and the eyebrows animate vertically using chained `transition().duration()` calls. The code imports `select` and `arc` from D3 v7, loads data from local variables, and renders entirely through SVG attributes and transitions.

Sep 22, 2023

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.

Sep 22, 2023

Loading thumbnail…

Fork of Fork of Create a face with d3.js!

This example builds a smiling face with D3.js on an SVG canvas, starting with a yellow head and then adding eyes, eyebrows, and a mouth. The code uses D3 v7 loaded via UNPKG, with the `select` and `arc` functions from the d3 module. A local module import structure is demonstrated through the ES6 code. The eyebrows are animated using chained `transition().duration()` calls, moving them down and back up over two-second intervals. The numeric attributes for geometry are hard-coded, and the face is centered within a 960-by-500 SVG.

Sep 22, 2023

Loading thumbnail…

Fork of Create a face with d3.js!

This example draws a cartoon face in an SVG canvas using D3 v7, with a yellow circular head, two eyes, rectangular eyebrows, and an arc-based mouth. The code imports `select` and `arc` from D3 and constructs the face programmatically, centering it in a 960×500 viewport. The eyebrows are animated with chained `transition().duration(2000)` calls that move them downward and then back to their original position. The face is static apart from this repeating eyebrow movement, which demonstrates D3’s SVG rendering and transition API.

Sep 22, 2023

Loading thumbnail…

Fork of Fork of Create a face with d3.js!

This example builds a smiling face with D3.js on an SVG canvas, starting with a yellow head and then adding eyes, eyebrows, and a mouth. The code uses D3 v7 loaded via UNPKG, with the `select` and `arc` functions from the d3 module. A local module import structure is demonstrated through the ES6 code. The eyebrows are animated using chained `transition().duration()` calls, moving them down and back up over two-second intervals. The numeric attributes for geometry are hard-coded, and the face is centered within a 960-by-500 SVG.

Sep 22, 2023

Loading thumbnail…

Fork of Create a face with d3.js!

This example draws a cartoon face in an SVG canvas using D3 v7, with a yellow circular head, two eyes, rectangular eyebrows, and an arc-based mouth. The code imports `select` and `arc` from D3 and constructs the face programmatically, centering it in a 960×500 viewport. The eyebrows are animated with chained `transition().duration(2000)` calls that move them downward and then back to their original position. The face is static apart from this repeating eyebrow movement, which demonstrates D3’s SVG rendering and transition API.

Sep 22, 2023

Loading thumbnail…

Fork of Create a face with d3.js!

This example draws a cartoon face in an SVG canvas using D3 v7, with a yellow circular head, two eyes, rectangular eyebrows, and an arc-based mouth. The code imports `select` and `arc` from D3 and constructs the face programmatically, centering it in a 960×500 viewport. The eyebrows are animated with chained `transition().duration(2000)` calls that move them downward and then back to their original position. The face is static apart from this repeating eyebrow movement, which demonstrates D3’s SVG rendering and transition API.

Sep 22, 2023

Loading thumbnail…

Fork of HTML Starter

This example displays a single large, centered text message reading “VIBE IN<!”, styled with CSS at a font size of 10em and aligned to the middle of the page. The HTML page uses no external libraries or data sources, relying entirely on basic markup and inline styles. The text is rendered statically, with no JavaScript-driven interactivity or dynamic visualization beyond the CSS layout.

Sep 22, 2023