Skip to main content
Log in
G

gurtberly@gmail.com

@mentorDemo·4 public vizzes

Loading thumbnail…

Smiling-Face

This example uses D3.js v5 to draw a cartoon smiling face in an SVG canvas. The code builds a yellow circle for the face, adds two eyes, and animates the eyebrows with a 2000-millisecond transition that moves them upward and back. The mouth is rendered using the `d3.arc` API to create a curved path. All elements are positioned within a centered group using coordinate translations, and the eye spacing, radius, and eyebrow dimensions are defined as constants.

Aug 30, 2024
Loading thumbnail…

Smiling-Face

This example uses D3.js v5 to draw a cartoon smiling face in an SVG canvas. The code builds a yellow circle for the face, adds two eyes, and animates the eyebrows with a 2000-millisecond transition that moves them upward and back. The mouth is rendered using the `d3.arc` API to create a curved path. All elements are positioned within a centered group using coordinate translations, and the eye spacing, radius, and eyebrow dimensions are defined as constants.

Aug 30, 2024
Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This example uses D3.js to build a simple, animated face graphic. It renders a yellow circle with eyes and eyebrows that move up and down via a chained `transition().duration()` animation, while the mouth is drawn as an arc path using `arc()` with specified inner and outer radii. The code demonstrates SVG element creation and attribute manipulation, with a hot-reload-enabled development setup. The face’s static structure and animated eyebrows are generated procedurally, with no external data input.

Aug 30, 2024
Loading thumbnail…

Hello-World

This example demonstrates the "Hello World" starting point for the VizHub V3 Runtime Environment, showing a simple text message rendered inside a container. The code uses the exported `main` function from `index.js` to set the container's inner HTML with an inline style, where the font size is defined as a numeric value. The example highlights continuous hot reloading, allowing properties like font size to be adjusted interactively by alt-dragging the number in the editor, providing immediate visual feedback.

Aug 30, 2024