gargisri68

@gargisri68·3 public vizzes

Sol LeWitt reproduction

This reproduction of Sol LeWitt’s geometric art uses an SVG canvas at 960 by 500 pixels, with a static layout that does not animate or respond to interaction. The code does not employ any data visualization library; instead, it relies on plain JavaScript inside an HTML page, where the SVG element is left empty. The visible script demonstrates ES6 features: it attempts to reassign a `const` variable, logs the resulting `TypeError`, and then reassigns a `let` string from "John Doe" to "Jack and Jill" before logging it. No drawing or rendering commands appear in the SVG, so the displayed artwork is not generated by the shown code.

Jun 16, 2023

Loading thumbnail…

Untitled

This example demonstrates basic SVG shape rendering and CSS styling within an HTML page. It displays a single heading element, "Hello", whose color is defined both by a CSS rule in the document head and an inline style attribute, with the inline style taking precedence and rendering the text in red. The code uses the standard HTML5 `<h1>` tag and the SVG-capable `<svg>` container, though no explicit SVG shapes are drawn. The rendering approach relies on native browser HTML parsing and CSS cascade rules.

Jun 5, 2023

Loading thumbnail…

Fork of SVG shapes and animation sandbox

This example layers stacked rectangles in varied shades of blue to create a striped sky backdrop, with animated cloud shapes moving across it. Built with raw SVG and the `animateMotion` element, the code defines two cloud groups (`#cloud` and `#cloud2`) and sends them along curved paths at different speeds using the `dur` attribute. A simple flower composed of colored circles and a stem path adds a static foreground element, demonstrating SVG shape construction and CSS-free animation.

May 29, 2023