Odeforodds

@Odeforodds·3 public vizzes

Fork of SVG Fundamentals (Submission)

This example demonstrates basic SVG shape composition by layering a black circle with a white inner circle inside a square outline, all positioned within a 1000-by-1000 pixel viewport. The visualization uses raw SVG elements—`circle` and `rect`—directly in HTML, with attributes controlling fill colors, stroke properties, and coordinates. The rendering approach relies on static SVG markup without external libraries or JavaScript, showing how simple geometric forms can be combined to create a minimalist graphic. The square’s border and the circles’ contrasting fills highlight fundamental vector-drawing concepts.

Apr 1, 2023

Loading thumbnail…

SVG Fundamentals

This example demonstrates the fundamental building blocks of SVG graphics by rendering basic shapes—a circle, a rectangle, a line, and a path—within a static 500-by-500 canvas. It shows how each shape uses distinct attributes for positioning, sizing, and styling, including fill colors, stroke colors, and stroke widths. The code uses raw SVG elements directly in the HTML, with no external JavaScript libraries or data sources. It highlights the declarative nature of SVG, where shapes are defined as markup tags and geometric properties are set as attributes, contrasting filled and stroked appearances.

Apr 1, 2023

Loading thumbnail…

Fork of HTML Starter

This example shows a full-screen HTML page displaying the message “Hello HTML!” in a large, centered layout. It uses plain HTML with embedded CSS to style the text with a font size of 13em and center alignment. The page is rendered entirely through static markup, with no JavaScript logic or external data sources. It demonstrates a minimal setup for presenting text content, leveraging only basic HTML elements and CSS properties without any additional libraries or frameworks.

Apr 1, 2023