tonkocorp

@tonkocorp·2 public vizzes

Sol LeWitt

This example reproduces a Sol LeWitt-inspired geometric drawing using SVG. A series of 100 horizontal rectangles, each 10 pixels tall and spaced 20 pixels apart, render across the full screen width. A circular mask centered on the viewport clips these rectangles, revealing only the lines inside the circle. The visualization uses plain JavaScript to create SVG elements dynamically, with no external libraries, and responds to the browser window’s dimensions for sizing.

Sep 29, 2023

Loading thumbnail…

Diego SVG Fundamentals

Red ellipses on a red background, with several darker circles and white pixel-styled letters, form a simple abstract composition. This example demonstrates fundamental SVG shape drawing with D3 version 7, where the `select` function from the `d3` module updates the page text. The markup uses static SVG elements like `rect`, `ellipse`, and `text`, styled via CSS with the Pixelify Sans font. Rendering occurs directly in the browser through inline SVG, with no data binding or dynamic behavior beyond the initial text update.

Sep 29, 2023