cmilne78

@cmilne78·3 public vizzes

Smiley Face Part II

This visualization displays a large yellow smiley face, drawn with a green circular head and black-outlined eyes, positioned at the center of the browser window. The face scales to fill the viewport, with the head's radius based on the window height. Built using React and D3.js (v5), the SVG elements are constructed via the `ReactDOM.render` method, using D3’s `arc` import and hardcoded constants for eye and mouth dimensions. The example adapts to the full screen size, but leaves the mouth incomplete, showing only the head and eyes.

Jul 16, 2021

Loading thumbnail…

Hello HTML

This example displays a minimalist face composed of three SVG circles on a yellow background. The code uses plain HTML with inline CSS to remove page margins, and JavaScript to log a message to the browser console. All shapes are drawn directly using the SVG `<circle>` element, with the coordinate system and styling applied through SVG attributes like `cx`, `cy`, `r`, and `fill`.

Jul 14, 2021

Loading thumbnail…

Fork of HTML Starter

This example displays the text “Hello HTML” in a large 15-em font, centered on a plain white page. It uses plain HTML, CSS, and JavaScript to demonstrate a minimal setup, with the body’s inline styles controlling layout and typography. The script writes two simple messages—`poopshoes` and `dirty lobster`—to the browser’s console via `console.log`, showing basic developer-tool output without any data or visualization libraries. The page includes an empty div, suggesting a placeholder for future content.

Jul 12, 2021