yoohayung10309@gmail.com

@haley10309·2 public vizzes

svg _ figma

This example shows four evenly spaced gray vertical bars of descending height, creating a simple bar chart-like composition on a white background. The chart is drawn entirely with static SVG `<rect>` elements, whose dimensions and positions are hardcoded in the markup. The page uses plain HTML and CSS, with no JavaScript libraries or data-binding logic present, and it is rendered directly in the browser via the SVG namespace.

Nov 9, 2024

Loading thumbnail…

SVG fundementals

This example demonstrates the foundational structure of an SVG-based webpage using HTML, CSS, and JavaScript. The page renders a static HTML shell with a styled `.message` class for large text, though no content is currently injected. The code relies on standard DOM APIs and inline `<style>` tags, with no external visualization libraries or data sources. It serves as a minimal starter template for building interactive SVG visualizations, showing how CSS styling and an empty `<body>` can be extended with JavaScript-driven graphics.

Nov 9, 2024