wpyuser@gmail.com

@louiswpy·3 public vizzes

Fork of React Starter

This example displays a simple yellow circle with two black eyes, forming a basic smiley face. The SVG rendering uses React’s JSX syntax to define three circle elements within an `<svg>` container, specifying coordinates, radii, fill colors, and stroke properties directly. The code imports React and uses `createRoot` from `react-dom` to mount the `App` component, which returns the static SVG graphic. No interactive behavior or data processing is demonstrated, only fixed geometric shapes rendered via React’s declarative component model.

Jan 25, 2024

Loading thumbnail…

First

This example introduces the VizHub V3 Runtime Environment with a minimal "Hello World" SVG graphic. It renders a yellow circle as a face with two smaller black circles for eyes, drawn using basic SVG elements such as `<circle>` within a fixed-width canvas. The code demonstrates the required `main` function export, which accepts a `container` DIV and sets its inner HTML to define the visualization. The rendering approach relies entirely on inline SVG markup, with no external libraries or data processing.

Jan 25, 2024

Loading thumbnail…

Test1

This example demonstrates a minimal "Hello World" for the VizHub V3 Runtime Environment, which supports continuous hot reloading with interactive widgets. The code exports a `main` function that receives a `container` DIV and sets its inner HTML to display the text at a large font size. The rendering approach uses plain HTML and inline CSS within the container, with no external data or libraries. The lack of an `index.html` triggers the V3 runtime, and the entry point is the exported `main` function.

Jan 25, 2024