Abishekprabakaran

@Abishekprabakaran·3 public vizzes

Fork of D3-1: Making a face

A yellow circle face with blue eyes, black eyebrows, and a mouth formed by an arc sits centered in an SVG canvas. Two rectangular eyebrows animate upward simultaneously over two seconds, then return to their original positions. The code uses D3 v7 selections, including `d3.select` and `d3.append`, with SVG elements like `circle`, `rect`, and `path`, plus the `d3.arc` API for the mouth shape. Transitions are applied via `.transition().duration()` to animate the eyebrow movement.

Sep 21, 2023

Loading thumbnail…

Fork of D3-1: Making a face

A yellow circle with black outlines forms a face, including two blue eyes, a mouth drawn as an arc, and two rectangular eyebrows. The face is rendered as SVG using D3 v3, with elements appended via `d3.select` and styled through chained `.attr` calls. The mouth uses the `d3.arc` API to generate its path. Both eyebrows animate with `transition().duration(2000)`, moving upward then returning to their original position, all within a 900×500 SVG canvas.

Sep 21, 2023

Loading thumbnail…

Fork of HTML Starter

This example displays a single exclamation point centered on the page, styled with a large font size. The code uses plain HTML, CSS, and JavaScript without any external libraries, relying on inline styles to control the text’s appearance. The page consists of a simple `<div>` element with the message, demonstrating basic web rendering and styling approaches.

Sep 21, 2023