Adeelah Mir

@ariyadmir·2 public vizzes

Fork of Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt-inspired geometric composition using D3. It displays a series of 100 horizontal bars overlaid with a circular mask that reveals only the central area of the pattern. Built with the D3 `select` and `range` APIs, the code constructs SVG elements via raw `document.createElementNS` calls and applies a mask to hide bars outside the circle. The design uses black rectangles on a white background, with the circle placed at the center of the viewport.

Jan 30, 2023

Loading thumbnail…

SVG Viz

This example shows a static SVG scene that pairs an HTML message with basic geometric shapes rendered as vector graphics. The SVG canvas contains circles, a rectangle, a line, and a path, each with explicit styling attributes like fill, stroke, and stroke-width. The code uses raw SVG elements embedded directly in an HTML page, with minimal CSS applying a large font size to the greeting text. The rendering approach relies on the browser's native SVG support without any JavaScript libraries or data sources.

Jan 29, 2023