melativa

@melativa·2 public vizzes

Fork of HTML Starter

This example shows a minimalist HTML page that displays the text "Hello HTML" in the center of the browser window, using a CSS style rule to set a large font size. It also demonstrates the use of JavaScript for browser console output, with the code triggering a message in the developer tools. The page builds on a bare minimum structure, leveraging the HTML and CSS specifications, with JavaScript execution via the browser's built-in engine.

Mar 10, 2021

Loading thumbnail…

Smiley Face Pt 1

A smiling face is rendered as an SVG graphic composed of a circular background, two eyes, and an arc-shaped mouth. The component architecture uses React to define reusable `BackgroundCircle`, `Eyes`, and `Mouth` elements, with the mouth path generated by `d3.arc()`. The background circle uses a yellow linear gradient defined in SVG defs, while all elements are centered in a 960-by-500 viewport with explicit stroke widths and offsets.

Feb 26, 2021