Episode 3: Sol LeWitt in Vanilla JavaScript : Mar 27,2021 : group of circles, more circles

index.html

<!DOCTYPE html>

<html>

<head>

<title>

Episode 3: Sol LeWitt in Vanilla JavaScript : Mar

27,2021 : group of circles, more circles

</title>

<style>

body {

margin: 0;

overflow: hidden;

}

</style>

</head>

<body>

const windowHeight = window.innerHeight;

const windowWidth = window.innerWidth;

//-------------------------------------------------------

const svg = document.createElementNS(

'http://www.w3.org/2000/svg',

'svg'

);

document.body.append(svg);

svg.style.setProperty('width', windowWidth);

svg.style.setProperty('height', windowHeight);

//---------------------------------

//PART-I

//Creating verticle rectangles grid

const count = 100;

for (let i = 0; i < count; i++) {

for (let j = 0; j < count; j++) {

const rect = document.createElementNS(

'http://www.w3.org/2000/svg',

Last edited Mar 27, 2021

Created on Mar 27, 2021

Exercise options:

Reproduce any Sol LeWitt piece.

Create generative art in the spirit of Sol LeWitt.

Add animation to what we’ve created (e.g. rotation).

MIT Licensed