Draconis1992

@Draconis1992·4 public vizzes

Clock Timer

This example shows a simple timer display built with HTML, CSS, and JavaScript. The page renders a static message, “Hello HTML!”, on an aqua-colored background using plain CSS. The code uses the standard DOM API to load an external stylesheet and script, though the actual timer functionality is not implemented in the provided files. It demonstrates a minimal React-free starter setup with a basic HTML structure and linked assets.

Jan 16, 2023

Loading thumbnail…

Smiley Face

A smiling face rendered as a yellow circle with black eyes and a curved mouth, built using React and D3.js. The face is drawn entirely with SVG shapes: two `<circle>` elements for the eyes, a large `<circle>` for the head, and a `<path>` created by the `d3.arc()` generator with a constant inner and outer radius to form the mouth. The `arc()` API sets start and end angles to create a full ring, while stroke widths and coordinates position each element relative to the center of a 960×500 viewport. No external data is loaded; all geometry is hard-coded.

Apr 24, 2022

Loading thumbnail…

This is a Smiley Face

This example draws a simple smiley face using SVG circles. A large yellow circle forms the head, while two smaller black circles serve as eyes, all positioned within a 500 by 960 viewport. The visualization is built with plain HTML and CSS, using SVG `circle` elements to render each shape statically without animation or data binding.

Apr 24, 2022

Loading thumbnail…

Make A Smiley Face

A yellow circle with a black stroke forms the face, while two smaller black circles serve as eyes. The example demonstrates basic SVG shape rendering in React, using hardcoded coordinates and radius values. It initializes React 16.7.0 via a CDN script tag and lays out the graphic with inline SVG elements inside an HTML page. The code shows a simple composition of three circles without any interactive behavior or data binding.

Apr 23, 2022