anthonythecodewizard

@anthonythecodewizard·3 public vizzes

Fork of HTML Starter

This example displays the message “Hello HTML!” in large, centered text using basic HTML and CSS. It introduces the simplest possible structure for a web visualization, with a message div styled through a CSS class. The code relies on standard HTML elements and CSS properties, including `font-size` and `text-align`. No JavaScript logic or external libraries are used, making it a clean starting point for exploring more complex interactive visualizations.

Dec 29, 2021

Loading thumbnail…

Fork of Hello HTML

This visualization shows a simple yellow face constructed from three SVG circles on a 960 by 500 canvas. It uses `circle` elements from the embedded Scalable Vector Graphics (SVG) API within an HTML page. The largest circle forms the head with a black stroke, while two smaller circles create the eyes. The code defines the layout directly through `cx`, `cy`, and `r` attributes, and the canvas has `overflow:hidden` to clip any content. The example demonstrates basic vector shape composition without external data, relying solely on inline SVG rendering.

Dec 28, 2021

Loading thumbnail…

Fork of Hello

This example demonstrates a minimal D3.js setup within the VizHub environment, showing how to integrate external libraries and local ES6 modules. The page renders a static SVG circle and displays the text "Hello VizHub!" using D3’s `select` to target a div by ID. The code imports the `select` function from D3 v5 via UNPKG, imports a message string from a separate `myMessage.js` module, and applies styling through an imported CSS file. The visualization highlights basic modular coding and D3’s DOM manipulation capabilities.

Dec 28, 2021