Skip to main content
SimilarExport ZIP
100%

SoLewitt

✓ Published1🌍 Public
AAinsley Francis
Last edited Dec 9, 2022
Created on Dec 9, 2022
Forked from D3 Starter

This visualization recreates a Sol LeWitt-inspired drawing by generating 24 random points on a square SVG canvas. It displays the points as small green circles, with the instruction set implying that half are connected by straight lines and half by wavy lines. Built with D3 version 7, the code uses `d3.range` to create the data and `d3.scaleLinear` to map coordinates, while `d3.axisBottom` and `d3.axisLeft` render the axes. The rendering approach is purely SVG-based, appended directly to the HTML body.

AI-generated description

Make a drawing by following the instructions below.

  1. Find a piece of paper and a pencil.
  2. Draw 24 tiny circles anywhere on a piece of paper..
  3. Connect 12 of the circles with straight lines.
  4. Connect 12 of the circles with wavy lines.
MIT Licensed

Similar vizzes

Loading thumbnail…

SoLewitt reproduction

This example reproduces a Sol LeWitt wall drawing as an interactive SVG artwork. It shows a colorful geometric composition built from horizontal and vertical bands that intersect to create a grid of layered rectangles. The visualization uses raw SVG elements manipulated through inline JavaScript, with no external libraries. The rendering is driven by a script that programmatically generates the shapes, though the code itself is minimal and does not rely on D3 or other data-visualization APIs. The piece serves as a direct homage to LeWitt’s instructional art, focusing on systematic placement and color variation rather than data mapping.

Tt0miwa22
83% match
Loading thumbnail…

Sol Lewitt

This example renders a minimalist, generative visualization inspired by Sol LeWitt’s geometric art. It displays 100 thin, evenly spaced vertical lines that span the full height of the browser window, creating a subtle striped pattern across the entire viewport. The code uses raw JavaScript with the DOM API to create an SVG `rect` for each line, appending them to an `svg` element sized to the window’s inner dimensions. A `circle` element is also initialized but left without coordinates, so it remains invisible in the final output.

AAinsley Francis
81% match
Loading thumbnail…

sol lewit reproduction assignment

This visualization reproduces the geometric precision of Sol LeWitt’s wall drawings using D3.js, encoding alternating vertical and horizontal line grids. It renders a series of thin rectangles that are selectively masked by SVG masks containing paths of abstract symbols, creating overlapping patterns of positive and negative space. The code leverages D3’s `select`, `range`, `symbols`, and `symbol` APIs to generate the grids and symbol paths, with masks (`url(#mask0)`, etc.) toggling visibility. The result is a dynamic, screen-sized composition that mirrors LeWitt’s systematic, rule-based aesthetics through algorithmic drawing.

KKerim
81% match
Loading thumbnail…

Sol Lewitt Reproduction with D3

This example reproduces a Sol LeWitt-inspired drawing using D3 to generate a grid of horizontal and vertical rectangles. It shows two sets of 100 thin bars, one stacked vertically and one horizontally, which intersect to form a fine lattice across the full browser window. The code uses SVG masks with `d3.select` and `range` to reveal a central 200-pixel-radius circle where one set of bars appears white on black, while the other appears black on white, creating a contrast inversion. The visualization is rendered with SVG elements created via `append` and `join` within the D3 v7 library.

GGullyPlook
80% match
Loading thumbnail…

LeWitt art with lines in d3

This example reproduces a Sol LeWitt-inspired art piece by generating a randomized grid of connecting lines across the full browser window. The visualization uses D3 v7 with SVG rendering, where the code creates an array of 36 random coordinates and iterates through nested loops to draw white lines between each pair of points. The `select`, `range`, and `join` methods from D3’s selection module manage the SVG elements, while the black background and random point placement create a dense, abstract geometric pattern.

AAkbarjon
80% match
Loading thumbnail…

Sol LeWitt Reproduction D3

This visualization reproduces a Sol LeWitt drawing using D3.js, displaying a grid of alternating horizontal and vertical black lines that form a circular pattern. It uses SVG masks with two complementary circular cutouts to create the intersecting line effect. The code leverages D3’s `select`, `range`, and `join` APIs to generate and bind 48 rectangles in each orientation, with each set masked to reveal only the portion inside or outside the circle.

Ttverdone
80% match
Loading thumbnail…

Sol LeWitt reproductions

This example uses JavaScript and the SVG API to generate a geometric piece inspired by Sol LeWitt. It shows a grid of black vertical bars overlaid with repeating diagonal patterns of black and white circles, creating a sense of systematic repetition. The code creates SVG elements directly with `document.createElementNS`, setting attributes to position 100 rectangles and multiple circle rings across the full viewport. No external libraries are used; the rendering is purely procedural, and the visualization is static, with no interactivity or data input.

Llieta96
80% match
Loading thumbnail…

so lewit reproduction using D3.js inbuilt shape

This visualization reproduces a Sol LeWitt-style drawing using D3.js v7. It renders horizontal and vertical striped rectangles that are masked to reveal a circle in the center, creating a clean geometric interplay between lines and a circular void. The SVG output uses two separate masked groups: the first applies a white mask with a black circle to horizontal bars, while the second uses an inverted mask for vertical bars. The code leverages D3’s `range`, `symbol`, and `symbolCircle` APIs to generate the shapes and masks programmatically.

Ddeebanks77
80% match