Skip to main content
SimilarExport ZIP
100%

Javascript Basics

✓ Published1🌍 Public
Yyejichun@naver.com
Last edited Jun 28, 2024
Created on Jun 28, 2024
Forked from SVG Fundamentals

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.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

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
93% match
Loading thumbnail…

JavaScript Basics

This visualization reproduces a Sol LeWitt art piece using an SVG canvas designed with a 960-by-500 pixel coordinate system. The drawing is generated entirely through JavaScript code that is commented out in the HTML file, with the script containing basic programming examples, such as variable declarations, functions, and object literals. The rendering relies on the raw SVG `<svg>` element and the browser’s JavaScript engine, with no external libraries or data sources; the visual output is determined solely by the geometric arrangement of shapes coded in the script.

Pprospirity
92% match
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
91% 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
89% 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
89% match
Loading thumbnail…

javascript basics

This example reproduces a Sol LeWitt-style drawing using an SVG canvas. The page sets up a 960-by-500-pixel `<svg>` element and uses JavaScript to define and log a `person` function that returns an object with `first` and `last` properties. The code demonstrates basic arrow-function syntax and object shorthand, though no visual output is generated beyond the empty SVG container.

Lliu yang
86% match
Loading thumbnail…

Javascript Basics

This example shows a blank SVG canvas with JavaScript code commented out in the HTML file, demonstrating basic programming concepts such as variables, objects, loops, and arrow functions. The code includes examples of console logging, arithmetic operations, object creation, and function definitions, though all are disabled. It uses an inline `<script>` tag and an SVG element with 960 by 500 pixel dimensions, rendered as static SVG markup. The visualization appears as an empty plot, with the JavaScript fundamentals acting as the primary subject rather than any graphical output.

Ddexuzi
86% match
Loading thumbnail…

JS basics

This example reproduces a Sol LeWitt art piece using an SVG canvas and plain JavaScript. The code defines a `person` function that returns an object with `first` and `last` properties, then logs the result for "John Doe" to the console. The page contains an empty SVG element with a fixed width and height, while commented-out lines show basic JavaScript concepts like variables, loops, and arrow functions. The visualization itself is not generated, serving only as the static canvas for the art reproduction.

IIgorGorin00
85% match