Fatima

@fatima-xs·3 public vizzes

Untitled

This generative art piece reproduces a Sol LeWitt wall drawing as an interactive web page. It uses JavaScript to dynamically create an SVG canvas that fills the browser window. The code relies on the Document Object Model (DOM) to create and position SVG elements, likely rendering geometric lines or shapes that follow a conceptual rule. The piece is a direct translation of LeWitt's instructions into a computer-generated output.

Jul 27, 2023

Loading thumbnail…

Sol LeWitt Reproduction

This reproduction of a Sol LeWitt art piece displays a single red SVG canvas filling the browser viewport. The page initializes a blank SVG element with dimensions of 960 by 500 pixels and sets the background color of the document body to red, creating a minimalist, monochromatic composition. The visualization is built using the raw SVG API to create the canvas element, with JavaScript directly manipulating the DOM to append it to the page and style the background.

Jul 26, 2023

Loading thumbnail…

SVG Fundamentals

This example demonstrates fundamental SVG shapes as building blocks for data visualization. It generates a simple, empty SVG container on the page, illustrating the basic structure and rendering approach of SVG-based graphics. The code relies on the native SVG API, creating an `<svg>` element within the HTML document, without any additional JavaScript libraries or data sources. The example serves as a minimal starting point for understanding how SVG elements are inserted directly into the DOM for vector-based visual output.

Jul 25, 2023