Skip to main content
Log in
A

Aamir Raza

@Merciful123·4 public vizzes

Loading thumbnail…

SVG FUNDAMENTALS

This example demonstrates SVG fundamentals by manipulating paragraphs and page styling using D3.js v7. It shows how D3 selections can change text color dynamically, first setting all paragraphs to blue, then applying random HSL colors to each paragraph. The code also changes the body background to black and loads D3 from a CDN. The rendering approach uses direct DOM manipulation through d3.select and d3.selectAll, with no external data source or complex SVG shape generation visible.

Jun 27, 2022
Loading thumbnail…

sol lewit

This example reproduces a Sol LeWitt wall drawing as an interactive web page. It displays the phrase “Hello HTML!” in large, centered text, with a console log statement that contains a typo. The implementation uses plain HTML and CSS for the visual layout, alongside a JavaScript script tag, though the rendering does not involve any data binding or visualization libraries. The piece highlights the contrast between the minimalist aesthetic of the artwork and the raw, unpolished code behind it.

Jun 26, 2022
Loading thumbnail…

Fork of SVG FUNDAMENTALS

This example demonstrates a minimalist, abstract composition built from nested gray rectangles on a light background. The SVG canvas is 1440 by 1024 pixels, with a white base layer and a series of large, dark gray rectangles arranged in a cascading, offset pattern. The rendering uses raw SVG elements such as `rect` and `g`, applying a `clip-path` to constrain the drawing area. The visual effect relies on varying rectangle sizes and a high-opacity black fill to create a stark, layered geometric aesthetic.

Jun 26, 2022
Loading thumbnail…

Fork of SVG FUNDAMENTALS

This example demonstrates a minimalist, abstract composition built from nested gray rectangles on a light background. The SVG canvas is 1440 by 1024 pixels, with a white base layer and a series of large, dark gray rectangles arranged in a cascading, offset pattern. The rendering uses raw SVG elements such as `rect` and `g`, applying a `clip-path` to constrain the drawing area. The visual effect relies on varying rectangle sizes and a high-opacity black fill to create a stark, layered geometric aesthetic.

Jun 26, 2022