hsleijpen

@hsleijpen·2 public vizzes

Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece as an interactive web page, displaying a series of vertical black bars that repeat across the full height of the browser window. The rendering uses the raw SVG DOM API, creating 100 rectangle elements with `document.createElementNS` and positioning them at 20-pixel intervals. Each rectangle is 10 pixels wide and stretches to the viewport height, producing a clean, minimalist grid pattern that mirrors LeWitt’s geometric style. The code directly manipulates SVG attributes without any additional libraries or data sources.

Mar 27, 2021

Loading thumbnail…

Cars Report

This example displays a simple web page titled “Cars Report” that renders the text “Hello HTML” in large, centered type. It uses standard HTML and CSS for layout and styling, with JavaScript embedded in a script tag to log a message to the browser’s developer console. The page relies on the Document Object Model (DOM) and the browser’s native JavaScript engine, without external libraries or frameworks. It serves as a minimal demonstration of integrating CSS and JavaScript into an HTML document.

Mar 13, 2021