jayanth1242

@jayanth1242·8 public vizzes

Fork of Create a face with sadness

This example builds a stylized yellow face with sad eyebrows using D3 v7 and SVG. Circles form the eyes, while rectangles serve as eyebrows that animate up and down via chained `transition` calls. A path, generated with the `arc` function, creates a mouth shape. The visualization demonstrates importing D3 functions and rendering an animated, vector-based character.

Sep 22, 2023

Loading thumbnail…

Fork of Create a face with sad

This example shows a stylized yellow face with eyes, eyebrows, and a sad mouth drawn as SVG shapes. The eyebrows animate upward and then back down over two seconds, creating a subtle emotional expression. The code uses D3 v7 selections and transitions, importing `select` and `arc` from the D3 module. The mouth is rendered using the `arc` generator with specified inner and outer radii and angles, while the SVG canvas is set to 960 by 500 pixels.

Sep 22, 2023

Loading thumbnail…

Fork of sad emoji

A fork of the classic sad emoji visualization animates a pair of eyebrows moving downward and upward in a continuous loop. The face is drawn as a yellow circle with black outlines, using D3 v7 to append SVG shapes. The animation relies on chained `transition()` and `duration(2000)` methods to move the `eyebrowsG` group, while the mouth is generated with the `d3.arc()` path generator. Static elements like eyes and face use `circle` and `rect` attributes, with all geometry derived from fixed pixel constants.

Sep 22, 2023

Loading thumbnail…

Fork of Fork of SAD

A yellow circle face with black eyes and animated eyebrows blinks periodically in an SVG. The example demonstrates D3 v7 selections and transitions, using `select` to target the SVG and `append` to build the face from circles, rectangles, and an arc-based mouth. Eyebrows move via chained `transition` calls with `duration`. The code imports `select` and `arc` from the D3 module loaded via UNPKG, rendering entirely in SVG.

Sep 22, 2023

Loading thumbnail…

Fork of SAD

This example animates a yellow, smiling face drawn entirely with SVG shapes, including circles for the eyes and head, rectangles for the eyebrows, and a path for the mouth. The eyebrows perform a repeated vertical bounce using D3’s transition system, which chains two 2-second movements to shift the eyebrow group down and back up. Built with D3 v7, the visualization loads the library from UNPKG and uses the `select`, `append`, and `arc` APIs to construct and animate the scene.

Sep 22, 2023

Loading thumbnail…

.

A yellow smiley face is rendered as an SVG, with black-outlined eyes, eyebrows, and a mouth. The example demonstrates basic D3.js drawing and animation within a VizHub template. It uses D3's `select` and `arc` functions, and the D3 transition API to translate the eyebrow group up and down over two seconds. The scene is drawn on an SVG canvas using simple geometric shapes.

Sep 22, 2023

Loading thumbnail…

Fork of Create a face with d3.js!

A smiling face is drawn with SVG shapes, including a yellow circle for the head, two eyes, rectangular eyebrows, and an arc-shaped mouth. The eyebrows animate upward and downward using D3's `transition()` method. The example uses D3 v7 APIs `select`, `arc`, and `attr` to build and style the elements within an SVG canvas.

Sep 22, 2023

Loading thumbnail…

Fork of HTML Starter

This example displays a single line of text, "Hello World" (or a similar message), centered prominently on the page using CSS. The HTML file defines a `div` with the class `message`, whose font size and text alignment are set via an embedded `<style>` block. It uses no external libraries or JavaScript, relying solely on plain HTML and CSS to render the static message. The page is a minimal demonstration of these foundational web technologies.

Sep 22, 2023