Rajiv Iyer

@rajiviyer·2 public vizzes

Sol Lewitt

This is a reproduction of a Sol LeWitt wall drawing using custom SVG masks and rectangles. Two perpendicular sets of thin lines are drawn: one set of vertical lines is masked to appear only outside a central circle, while a second set of horizontal lines is masked to appear only inside that same circle, creating a two-tone grid composition. The code uses the Document Object Model APIs `createElementNS` and `setAttribute` to construct the SVG and masks.

Apr 19, 2023

Loading thumbnail…

SVG Fundamentals

This example demonstrates the fundamental building blocks of SVG and CSS for creating static interactive visualizations in a web browser. The code uses HTML, CSS, and JavaScript to render a message on a page, with the CSS `font-size` property set to 13em for prominent display. The example serves as a minimal starter template, showing how to structure an HTML document with embedded styling. The page contains a single `<div>` element with a class selector that applies the styling, and the visualization output is plain text rather than data-driven graphics.

Mar 31, 2023