Skip to main content
SimilarExport ZIP
100%

Fork of Curran's Face a La Sol LeWitt Reproduction 'Switchart' Randomized Spinner

✓ Published1🌍 Public
FFelipe Maion
Last edited Mar 22, 2021
Created on Mar 22, 2021

A fork of Curran’s Face a La Sol LeWitt reproduction, this visualization presents a randomized spinner that animates a black-and-white Sol LeWitt-inspired face path. The SVG path is drawn using raw SVG API calls, with a mask and CSS transitions controlling visibility and movement. The piece uses `document.createElementNS` to build the SVG structure, while CSS rules and transforms create the spinning effect. It showcases generative, geometric line art in a minimalist, browser-based rendering.

AI-generated description

A reproduction of a Curran's Face a Là Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Curran's Face a La Sol LeWitt Reproduction 'Switchart'

This piece reproduces Curran’s “Face a La Sol LeWitt” artwork as an interactive SVG. The page uses a dynamically created SVG with a mask applied to a detailed path that traces the face’s outline, with tiny geometric shapes forming facial features. The CSS defines transitions on mask elements for potential animation. The visualization is entirely code-generated from path data, with no external data source, using raw SVG and DOM manipulation.

FFelipe Maion
86% match
Loading thumbnail…

Curran's Face a La Sol LeWitt Reproduction 'Switchart' Randomized

This visualization reproduces a Sol LeWitt-style portrait of Curran using an SVG mask that reveals the face through randomized shape switching. The code constructs an SVG canvas with a mask containing a black rectangle and a complex path defining the face, while CSS transitions animate the mask’s transform properties. A separate stylesheet defines transitions for `#curran-white-mask` and `#curran-black-mask`, though these elements are not created in the script shown. The rendering relies entirely on raw SVG DOM manipulation via `createElementNS`, with no external libraries, and the randomized effect appears tied to the mask’s animated scaling or positioning.

FFelipe Maion
81% match
Loading thumbnail…

Fork of Curran lesson - Sol LeWitt Reproduction

This interactive SVG reproduction of a Sol LeWitt drawing uses a generative approach to create two overlapping circular patterns. It renders a grid of thin horizontal and vertical rectangles, with a circular mask cutting out the center of the horizontal set and an inverse mask revealing the center of the vertical set. The code builds the SVG entirely through the DOM API, setting up two masks—one with a black rectangle and white circle, the other with the inverse—and then appending 100 rects for each orientation. The result is a dynamic, browser-resizing geometric composition that mirrors LeWitt’s conceptual art style.

Aastrologyhesitant
79% match
Loading thumbnail…

Fork of Curran's Face a Là Sol LeWitt - Click TimerOnOff

This interactive animation presents an abstract portrait inspired by Sol LeWitt's geometric art, constructed from overlapping colored rectangles. A mask and its inverse, both formed from SVG path data of a face, constrain two independent sets of colored bars. Clicking toggles a timer that randomly changes the visibility of four background groups, creating shifting compositions. The piece uses raw JavaScript and the SVG API, with CSS transitions animating the visibility changes of the grouped rectangles.

Zzaioris
79% match
Loading thumbnail…

Curran's Face a Là Sol LeWitt - Click TimerOnOff

A generative SVG portrait of a face emerges through layered, animated masks that reveal and conceal alternating stripe patterns. The piece draws on Sol LeWitt’s aesthetic by combining vertical and horizontal color bands with a hand-drawn path, the face repeated as both white and black masks. JavaScript builds the SVG structure, cycling through nine colors and toggling visibility of four background groups on a timer, while CSS transitions apply to the masks. The code uses `svgdata()`, DOM creation via `createElementNS`, and inline styles for randomization, yielding a flickering, patterned rendering with an abstract, geometric quality.

FFelipe Maion
78% match
Loading thumbnail…

Fork of Curran's Sol LeWitt Reproduction for Notes

This example reproduces a Sol LeWitt wall drawing as an interactive SVG composition that adapts to the browser window. It uses two nested masks—a circular cutout within a rectangular frame—to create a cross-shaped viewport that reveals overlapping horizontal and vertical striped patterns beneath. The rendering is driven by procedural JavaScript that generates 100 striped rectangles for each orientation, positioned on a 20-pixel grid. The code relies on raw SVG element creation via `document.createElementNS` and direct attribute setting, without any external visualization library.

GGoldSupplyChainz
77% match
Loading thumbnail…

Curran's a La Sol LeWitt Reproduction

This interactive SVG reproduction of Sol LeWitt’s “Face à La” uses a hand-drawn SVG path of a face as a mask over the full viewport. The mask’s fill starts black and likely reveals colored or animated content beneath, with CSS transitions on the mask’s transform for smooth movement. The code uses raw DOM APIs like `createElementNS` and `setAttribute` to build the SVG structure, with inline path data defining the face’s contours. Styling comes from an external stylesheet, and the example demonstrates generative geometric art through procedural SVG manipulation.

FFelipe Maion
77% match
Loading thumbnail…

Fork of Sol LeWitt reproduction - adding color and animation

This interactive web piece revives a Sol LeWitt wall drawing as a generative, animated SVG artwork. It displays layered horizontal and vertical lines whose colors and inner circular mask radius continuously shift through a red-orange-yellow palette. The work is built with plain JavaScript and the SVG DOM API, using generated `rect` and `circle` elements with CSS `@keyframes` animations to choreograph the color and radius changes.

AAngela Kochoska
76% match