Skip to main content
SimilarExport ZIP
100%

JS basics

✓ Published1🌍 Public
IIgorGorin00
Last edited Mar 5, 2023
Created on Mar 5, 2023
Forked from HTML Starter

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.

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

JS Basics

This example shows a blank SVG canvas accompanied by a JavaScript console demonstration. The code introduces fundamental JavaScript concepts, including variables, object mutation, loops, arrow functions, and function definitions, all of which are commented out. It then defines a `person` function that returns an object and logs the result `{first: "Jane", last: "Doe"}` to the console. The visualization itself remains empty, focusing entirely on the scripting basics rather than graphical output.

AAngela Kochoska
89% 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
87% 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
85% match
Loading thumbnail…

java script base

This example reproduces a Sol LeWitt art piece as an SVG graphic. The HTML file sets up a 960 by 500 pixel canvas and uses JavaScript to define a `person` object with first and last name properties, logging it to the console. The visualization itself is static, with the code primarily demonstrating basic JavaScript syntax and object creation rather than data-driven rendering. The SVG element remains empty, with no visual output generated.

Bbtlhgboy@icloud.com
85% match
Loading thumbnail…

Js Basics

This example demonstrates basic JavaScript syntax and concepts through a series of commented-out code snippets, culminating in an active arrow function that creates a person object and logs it to the console. The page contains an empty SVG element with a 960 by 500 pixel canvas, though no visual output is rendered. The code explores variable declaration, arithmetic operations, object creation, and function definitions, contrasting traditional function expressions with ES6 arrow functions and shorthand property syntax. The active example defines a `person` function that returns an object with `first` and `last` properties, then invokes it with the arguments 'Jane' and 'Doe' to log `{first: "Jane", last: "Doe"}` to the browser console. The rendering approach is purely HTML with inline SVG and JavaScript, requiring no external libraries.

PPrince Kumar
83% 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…

JS basics

This example demonstrates JavaScript programming fundamentals in a bare-bones HTML page. It showcases variable mutation with `const` objects, arrow functions with implicit and explicit returns, and a `for` loop. The code defines a `person` function using ES6 shorthand and logs results to the console. The visualization itself is static, containing only an empty SVG element, while all activity happens in the browser’s developer console. The page uses plain CSS and JavaScript, with no external libraries.

Mmax-31
81% match