weezifeng@gmail.com

@zifengwee·3 public vizzes

Fork of Shapes and Colors with SVG and CSS

This example demonstrates a collection of basic SVG shapes—circles, rectangles, lines, and paths—styled with CSS. It shows how to apply fill colors, strokes, stroke widths, and transforms such as scaling and translation. The SVG is rendered inline with a 960×500 viewport, and the stylesheet defines a black stroke for line elements and custom colors for paths. The code uses native SVG elements and a separate CSS file, with no external JavaScript libraries.

Jan 5, 2025

Loading thumbnail…

Fork of Cars Report

This example demonstrates an asynchronous JavaScript data report that displays a filtered list of cars under a specified price. The application initially shows a loading message, then retrieves car data through a Promise-based `getCars` function with a simulated delay. Using array methods like `filter` and `map`, the `generateReport` function formats each car’s details into a readable string, which is displayed in the HTML document. The code relies on JavaScript modules for exporting and importing functions, and updates the page content through the DOM API.

Jan 5, 2025

Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This example demonstrates a minimal "Hello World" application built on the VizHub V3 runtime environment. The code exports a `main` function that accepts a `container` DIV element and sets its `innerHTML` to render a large, centered text string. It highlights the environment's streamlined entry point, which eliminates the need for an `index.html` file and relies on interactive widgets for continuous hot reloading, allowing direct manipulation of properties like `fontSize` via Alt-drag.

Jan 5, 2025