50f1AG

@50f1AG·6 public vizzes

Fork of Hello HTML

This example demonstrates a minimal HTML page rendering a single circle inside an SVG element, with a typo in the tag name (`cicle` instead of `circle`). It uses plain HTML and CSS for styling, with no JavaScript logic or data binding. The rendering approach is declarative SVG markup embedded directly in the document body, showcasing fundamental web visualization structure without external libraries. The code also references a React starter template, though this fork does not include React or any interactive behavior.

Apr 27, 2021

Loading thumbnail…

Fork of Smiley face part 12

This example shows a yellow smiley face drawn with SVG shapes, featuring two black eyes and a curved mouth. The face is centered on a 960x500 canvas, with the head as a yellow circle outlined in black, offset eye circles, and a mouth created using the d3 `arc` function. React renders the SVG elements, while D3 v6 computes the mouth’s path geometry. The code uses fixed pixel values for positioning and sizing, and the smiley is drawn entirely from code with no external data.

Apr 27, 2021

Loading thumbnail…

Fork of Hello HTML

This fork of the Hello HTML example renders a single SVG circle. The code defines an SVG element containing a circle with a radius of 100, though it contains a typo in the original tag name. The page is a minimal HTML document that uses the native SVG API to display the vector graphic. The example demonstrates basic SVG markup within an HTML structure.

Apr 27, 2021

Loading thumbnail…

Fork of HTML Starter

This example shows a blank SVG canvas containing a single unfilled circle with a radius of 100 pixels, rendered directly in the HTML markup. It demonstrates the minimal structure of an HTML page that uses inline SVG for a simple vector graphic. The code relies on the native HTML `<circle>` element within an `<svg>` tag, with no JavaScript or external libraries involved. The page includes a title and uses plain CSS-compatible styling, serving as a bare-bones starter template for React-based visualizations in the VizHub environment.

Apr 26, 2021

Loading thumbnail…

Hello HTML

This example demonstrates the minimal structure of an HTML page, serving as the foundation for web-based visualizations. It shows an empty document with no visible content, relying entirely on the browser’s default rendering. The code includes a basic HTML5 doctype, a head section with a title, and an empty body. It uses no external libraries or APIs, only the core HTML specification. The page is intentionally bare, highlighting the starting point for adding CSS for styling and JavaScript for interactivity, as referenced in the accompanying React starter example.

Apr 24, 2021

Loading thumbnail…

Learning d3 curse

A yellow circle with a black outline is drawn at the center of an SVG canvas, using fixed pixel coordinates. The example demonstrates a minimal setup for D3-like SVG rendering without JavaScript logic, relying solely on inline attributes for the circle’s position, size, fill, and stroke. The SVG element is 960 by 500 pixels, with the circle centered at (480, 250) and a radius of 245. A second smaller circle is present but lacks coordinates, leaving it unrendered. The code uses basic SVG markup within an HTML page, with no explicit data binding or interactivity.

Apr 23, 2021