ilamarzi31@gmail.com

@IlaMarzi·3 public vizzes

Sol Lewitt Reproduction Ila

This example reproduces a Sol Lewitt art piece by rendering 100 vertical black bars of equal width and height across a 960-by-500-pixel SVG canvas. The bars are spaced evenly at 20-pixel intervals, with each bar 10 pixels wide, creating a rhythmic striped pattern. The code uses the raw SVG API via `document.createElementNS` to generate and append `rect` elements directly to the SVG. No external libraries are used; the rendering relies solely on a simple loop that sets each rectangle’s position and dimensions.

Aug 23, 2024

Loading thumbnail…

Sol Lewitt reproduction

A faithful SVG reproduction of Sol LeWitt's generative artwork, rendered with React. The piece showcases layered geometric forms—including a central arch, linear gradients, and intersecting paths—that demonstrate the artist's systematic approach to visual composition. The code defines precise CSS classes and SVG gradient definitions to recreate the original's distinctive color palette and line quality, with paths stored as compressed coordinate data. The implementation uses an `svg` element with `viewBox` scaling and explicit `linearGradient` stops to achieve the artwork's characteristic gradient transitions.

Aug 23, 2024

Loading thumbnail…

Svg import from Illu

This example shows an imported SVG illustration with layered vector artwork, composed of numerous paths, gradients, and grouping elements that define a complex visual composition. The rendering relies on raw SVG markup embedded directly in an HTML page, using CSS rules for styling and a React wrapper for structure. It demonstrates how externally designed vector graphics from tools like Illustrator can be integrated into a React project, preserving gradients, blend modes, and isolation layers. The code defines multiple linear gradients and paths to recreate the intricate artwork faithfully.

Aug 16, 2024