josphatmaina9015@gmail.com (@JosphatMainaLabs), VizHub

Fork of HTML Starter

This example displays the message "Hello HTML!" in large, centered text on a plain web page. It is a minimal demonstration of fundamental web technologies, with the visual styling handled by a CSS rule that sets the font size and text alignment. The page’s structure is defined in `index.html`, which contains a single `<div>` element with the class `message`. The example does not use any JavaScript libraries or external data sources, serving purely as a starting point for building more complex interactive visualizations.

Dec 9, 2024

Loading thumbnail…

Fork of Let's Make a Face Part I

This example constructs a simple smiley face using SVG circle elements, with a yellow head, black outline, and two dark eyes positioned symmetrically. The code directly sets coordinates and radii for each circle within an SVG canvas. It includes a force-directed graph implementation using `d3.forceSimulation` with link and charge forces, rendering nodes as draggable steelblue circles connected by gray lines. The visualization demonstrates basic SVG shape styling alongside interactive D3 drag behavior and simulation tick updates.

Dec 9, 2024

Loading thumbnail…

Fork of Let's Make a Face Part I

A hand-drawn smiley face emerges from raw SVG shapes: a large yellow circle with a black outline, two smaller black circles for eyes, and no mouth yet. Built entirely with static `<circle>` elements in an inline SVG, the visualization uses fixed pixel coordinates for the face’s center (480, 250) and eyes at (350, 180) and (600, 180). The code demonstrates geometric positioning on a 960×500 canvas, though the accompanying video hints at a future interactive tutorial.

Dec 9, 2024

Loading thumbnail…

Fork of Let's Make a Face Part I

A hand-drawn smiley face emerges from raw SVG shapes: a large yellow circle with a black outline, two smaller black circles for eyes, and no mouth yet. Built entirely with static `<circle>` elements in an inline SVG, the visualization uses fixed pixel coordinates for the face’s center (480, 250) and eyes at (350, 180) and (600, 180). The code demonstrates geometric positioning on a 960×500 canvas, though the accompanying video hints at a future interactive tutorial.

Dec 9, 2024