jeevanprasad.shivarathri@zemosolabs.com

@jeevanprasadshivarathri-afk·5 public vizzes

Sol Lewitt Reproduction with D3

This example reproduces a Sol Lewitt wall drawing using D3.js. A dense grid of horizontal and vertical rectangles fills the entire viewport, while two SVG masks reveal only a circular intersection of the lines. The first mask shows the horizontal lines within a white circle, and the second mask displays the vertical lines, creating a clean geometric composition. The code uses d3.range to generate 100 line positions and d3 selections with .join to append all SVG rect elements.

May 8, 2026

Loading thumbnail…

Pseudo Visualization with DOM

This example demonstrates a striped optical illusion using pure SVG and the DOM API. It draws vertical black stripes across the entire canvas, then uses a mask with a black circle to hide those stripes inside the central circle. Inside that circle, a clipPath restricts horizontal black stripes, creating a contrasting orientation shift. The code uses `document.createElementNS` and `setAttribute` to construct SVG elements dynamically without any external libraries.

May 8, 2026

Loading thumbnail…

Pseudo Visualization

This example displays a minimal HTML page with a large, centered greeting message. A small JavaScript script logs “hello world” to the browser console, while a CSS rule styles the message text at 12 em. The visualization demonstrates the basic structure of a web page using plain HTML elements, a linked stylesheet, and a module script, offering no data or interactive rendering.

May 7, 2026

Loading thumbnail…

SVG Scene

This example creates a simple static landscape scene using SVG elements defined directly in the HTML. It renders a sky-blue rectangular background with a yellow sun, a green ground, and a brown house with a dark red triangular roof and black door. The scene is built entirely with SVG primitives like `rect`, `circle`, and `polygon`, arranged through `x`, `y`, and `cx` coordinate attributes. No JavaScript data processing or dynamic interaction is involved, as the visualization relies solely on the declarative SVG markup.

May 7, 2026

Loading thumbnail…

SVG Fundamentals

This example demonstrates a minimal HTML starter project using SVG fundamentals, displaying a centered message with basic styling. The code uses raw HTML for structure, CSS for visual presentation, and JavaScript only for a console log. It shows how to set up a simple web page with an external stylesheet and module script, serving as a foundational template for SVG-based visualizations.

May 6, 2026