Lohieth R

@lohieth-rvrl·5 public vizzes

Fork of Create a face with d3.js!

This example draws a smiling yellow face with d3, featuring eyes, animated eyebrows, and an arc-based mouth. The SVG is centered within a 960x500 viewport, with all facial features positioned relative to the center using SVG transforms. The code uses d3’s `select` and `arc` functions, and demonstrates transitions by moving the eyebrows up and down over two-second intervals. No external data is loaded; the rendering is purely geometric, built from circles, rectangles, and a path.

Sep 23, 2023

Loading thumbnail…

Fork of Create a face with d3.js!

This example draws a cheerful yellow face using SVG shapes, including circles for the eyes and an arc for the mouth. The eyebrows are rectangles that animate up and down via chained `transition()` calls with a 2000-millisecond duration. The code uses D3 v7, loaded from UNPKG, and imports `select` and `arc` from the `d3` module. All elements are centered within a 960x500 SVG using a group transformation.

Sep 22, 2023

Loading thumbnail…

Fork of Sad smiley face with D3.js

A fork of the Sad smiley face with D3.js example renders a yellow circle face with two eyes and a sad, downward-curved mouth as an SVG. The code uses D3 v5's `select` and `arc` APIs to build the shapes, positioning the face elements relative to the center of an 960×500 SVG canvas. The mouth is drawn as an arc path with specified inner and outer radii and angles, while the eyes and face are simple circles with fixed offsets. All styling is handled via inline attributes and a minimal external stylesheet.

Sep 22, 2023

Loading thumbnail…

Fork of Create a face with d3.js!

A yellow smiley face is drawn in SVG with circular eyes, rectangular eyebrows, and an arc-shaped mouth. The eyebrows animate up and down via chained `transition` calls on a `g` element. Built with D3 v7, the visualization uses `select`, `attr`, and `arc` from the D3 library, with coordinates computed relative to the SVG’s center. The face is rendered on a 960×500 canvas using hard-coded dimensions and no external data source.

Sep 22, 2023

Loading thumbnail…

Fork of HTML Starter

This example shows a minimal HTML page that displays a centered message reading “Hello HTML!”. The code uses plain HTML with an embedded CSS style block to set the font size and text alignment of the message, and includes a JavaScript file via a script tag. It serves as a bare-bones template illustrating how to structure a webpage with styles and scripts, without any data or external libraries.

Sep 22, 2023