Skip to main content
SimilarExport ZIP
100%

Episode 3: JS Basics

✓ Published1🌍 Public
GGautam Doshi
Last edited Jul 18, 2024
Created on Jul 11, 2024

This example reproduces a Sol LeWitt art piece as an SVG rendered through JavaScript code embedded in an HTML document. It demonstrates fundamental JavaScript concepts, including variable declarations with `const` and `let`, function definitions using both traditional syntax and ES6 arrow functions, and logging output to the console. The visible SVG canvas remains empty; the code’s primary purpose is to illustrate programming basics rather than generate visual content. It uses no external libraries, relying solely on the browser’s native SVG support and JavaScript interpreter.

AI-generated description

A reporoduction of a Sol LeWitt art piece

MIT Licensed

Similar vizzes

Loading thumbnail…

JS Basics

This visualization reproduces a Sol LeWitt art piece using SVG rendering. The code demonstrates JavaScript fundamentals—variables, objects, loops, and functions—through commented examples, while the active script creates an empty SVG canvas with dimensions of 960 by 500 pixels. The example serves as a teaching tool for basic programming concepts, using vanilla JavaScript to manipulate the SVG element directly.

Mmegan-grannan
84% match
Loading thumbnail…

Javascript Basics

This example reproduces a Sol LeWitt art piece using an SVG canvas. The code renders a static geometric composition, relying entirely on JavaScript basics and DOM manipulation via an SVG element. No external libraries are used; instead, the visualization demonstrates fundamental programming constructs—variables, loops, functions, and object literals—through commented-out teaching examples. The active drawing is minimal, with the SVG’s height and width set to 960 and 500 pixels, and remains unchanging, focused on illustrating code structure rather than dynamic data.

Yyejichun@naver.com
83% match
Loading thumbnail…

(2) Episode 3: Sol LeWitt in Vanilla JS

This visualization reproduces a Sol LeWitt art piece by rendering a series of vertical black bars across the browser window. It displays 100 rectangles, each 10 pixels wide, evenly spaced at 20-pixel intervals, creating a rhythmic, grid-like pattern that fills the entire viewport. The piece uses raw JavaScript and the SVG API, creating elements with `document.createElementNS` and appending them to the document. The code dynamically determines the canvas size using `window.innerWidth` and `window.innerHeight`, ensuring the artwork adapts to the screen dimensions.

GGautam Doshi
83% match
Loading thumbnail…

Ep3 using js

This example demonstrates JavaScript fundamentals through a browser console session, logging variable declarations, arithmetic operations, object mutation, loops, and function definitions. The code runs inside an SVG element on a static HTML page, using vanilla JavaScript without external libraries. It renders no visual data, focusing instead on programming concepts like arrow functions, object properties, and function returns. The page includes minimal CSS to remove body margins and hide overflow, with the SVG canvas dimensions set to 858 by 418 pixels.

Rrashmi.s2055@gmail.com
82% match
Loading thumbnail…

Javascript Basics

This example reproduces a Sol LeWitt art piece as an SVG visualization. The code renders an empty SVG canvas of 960 by 500 pixels, with the artwork itself absent from the displayed output. The JavaScript provided is entirely commented out, containing introductory lessons on variables, functions, objects, and control flow. While the file references the art piece, the actual drawing logic is not implemented, leaving the visualization blank.

Aajoua
82% match
Loading thumbnail…

JavaScript Basics

This example shows a blank SVG canvas with a hidden JavaScript lesson. The page contains numerous commented-out code snippets covering JavaScript basics such as variables, functions, objects, and loops. The only active code is an empty SVG element with fixed dimensions. The reproduction references a Sol LeWitt art piece but renders no visual output, as all logic remains commented and no drawing API is invoked. The SVG is static with no interactions or data bindings.

Rroyable88
82% match
Loading thumbnail…

JavaScript Basics

This example presents a blank SVG canvas using a simple HTML page, with an extensive set of commented-out JavaScript lessons covering variables, loops, functions, and object mutation. The code does not execute any visible drawing or data-binding logic, as all script lines are disabled to serve as a tutorial reference. The visualization relies on the raw SVG element for rendering, while the accompanying README indicates it is a reproduction of a Sol LeWitt art piece. The example primarily demonstrates JavaScript syntax for educational purposes rather than producing a graphical output.

Wwspwll@gmail.com
82% match
Loading thumbnail…

Sol LeWitt

This example presents a nearly blank SVG canvas as a starting point for learning JavaScript. The page embeds a `<script>` tag within the SVG element, where console logging and basic operations illustrate language fundamentals. The code demonstrates variable assignment with `let` and `const`, demonstrates the increment operator, and defines functions using both arrow syntax and traditional `function` declarations. While the page shows no data visualization, it introduces core JavaScript concepts in the context of an SVG container. The concrete code uses no specific visualization libraries, relying instead on the browser’s native SVG and scripting support.

FFerasMorsi
81% match