oseanoneil

@oseanoneil·2 public vizzes

SVG Fundamentals

This example demonstrates the foundational building blocks of SVG graphics, showing circles, rectangles, lines, and paths rendered as vector shapes. The code uses the raw SVG API with elements like `<circle>`, `<rect>`, `<line>`, and `<path>`, each styled via attributes such as `fill`, `stroke`, and `stroke-width`. The path element employs the `d` attribute with absolute coordinates (`M` and `L` commands) to define a polyline. No external libraries are used; the visualization relies purely on SVG's native syntax within a static HTML page.

Feb 9, 2023

Loading thumbnail…

HTML Starter

This example displays the text “Hello HTML” centered on a plain page with a 13em font size, demonstrating the minimal structure required for a web-based visualization. It uses a standard HTML5 document with embedded CSS for styling, while a separate script tag logs “Hello JavaScript!” to the browser console. The page relies solely on native HTML, CSS, and JavaScript APIs, without any external libraries or data sources, serving as a baseline template for adding interactive elements.

Sep 21, 2020