IphenTephen

@IphenTephen·3 public vizzes

Fork of Hello HTML

A React-based SVG drawing shows a yellow circle with a black outline, two black eye circles, and a partial ring for a mouth, all centered in a 960×500 viewport. The code imports the `arc` function from D3 v7 and uses it to generate the mouth path, while React 18 creates the SVG elements declaratively. The example demonstrates a basic "Hello HTML" page that combines static shapes with D3’s geometry helpers, though no interactive or data-driven behavior appears in the bundle.

Sep 14, 2025

Loading thumbnail…

Fork of Smiley Face Part V

This example demonstrates a modular React application that renders a smiley face using SVG primitives. The code splits components into separate files—BackgroundCircle, Eyes, and Mouth—each importing React and leveraging ES6 modules for organization. It uses React Fragments in the Eyes component to return multiple circles without extra DOM nodes. The visualization computes a d3.arc path for the mouth shape, while the overall layout is positioned with an SVG transform. The face is drawn with a yellow background circle, black stroke, two eyes, and an arc-based mouth on a 960×500 canvas.

Nov 30, 2024

Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This example demonstrates the VizHub V3 runtime environment with a minimal “Hello World” text rendered inside a container DIV. The main function exports a simple setup that sets an inline font-size property on a div via template literals, showing how code changes update instantly. The core APIs include the exported `main` function and the `container` element, which supports continuous hot reloading and interactive widget adjustments through Alt-dragging numeric values. This blank slate provides a foundation for building interactive visualizations without requiring an `index.html` file.

Nov 27, 2024