kiruthiga1304

@kiruthiga1304·6 public vizzes

Fork sniley

This example draws a smiling face using SVG primitives and animates its eyebrows. It uses D3 v7’s `select` and `arc` APIs, along with the `transition` method to move the eyebrows down and back up over two seconds. The face’s head, eyes, and mouth are constructed with circles, rectangles, and an arc path, all positioned via SVG transforms. The rendering is a static SVG with a single animated group, demonstrating basic D3 shape creation and chained transitions.

Sep 22, 2023

Loading thumbnail…

Fork of Not so Smiley

This example shows a yellow circle with two black eyes and a curved mouth, creating a partial smiley face where the mouth arc is offset from the center. It is built with React 17 and D3 v6, using the `arc` function from D3 to generate the mouth path. The SVG is rendered with explicit width and height, and elements are positioned using transformation translations. The background circle, eyes, and mouth are drawn as separate SVG shapes, with the mouth placed in a distinct group at a specific coordinate rather than centered with the face.

Sep 22, 2023

Loading thumbnail…

Fork skirthi

A yellow smiley face rendered in SVG demonstrates animated eyebrow movement. The face is constructed from D3 primitives: a circle for the head, circles for eyes, rectangles for brows, and a path generated with `d3.arc` for the mouth. The eyebrows animate via chained `transition` calls with two-second durations, moving up and then returning to their original position. The code imports `select` and `arc` from D3 v7 and places elements using SVG transform attributes.

Sep 22, 2023

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.

Sep 22, 2023

Loading thumbnail…

Fork of Fork sk

This example displays the text “Hello HTML!” centered on the page in a large, 13-em font. It demonstrates a minimal static HTML page styled with CSS, containing no interactive or data-driven elements. The code uses plain CSS for layout and typography, with no JavaScript libraries or frameworks in use. The page is a simple, self-contained starter template showing how to structure an HTML document with inline styles.

Sep 22, 2023

Loading thumbnail…

Fork sk

This example renders a single, static message using fundamental web technologies. The core of the visualization is a simple HTML page that displays the text "Hello HTML!" in a large, centered font. The styling is handled entirely with CSS, setting the message font size to 13em and aligning it to the center of the page. The implementation uses a plain HTML `<div>` element and relies on the browser's default CSS rendering, with no external libraries or JavaScript logic driving the display.

Sep 22, 2023