JS Basics

100%

✓ Published1🌍 Public

Last edited Oct 25, 2022

Created on Oct 25, 2022

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.

AI-generated description

A reproduction of a Sol LeWitt piece.

MIT Licensed

Similar vizzes

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

89% 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

89% match

Loading thumbnail…

JavaScript Basics

This example demonstrates fundamental JavaScript syntax and programming concepts through a series of commented-out code snippets, with only the final function call active. The active code defines a `person` function that returns an object with `first` and `last` properties, then logs the result of calling it with `('Jane', 'Doe')` to the console. The rendered output is an empty SVG element, as the example focuses on console-based learning rather than visual output. It serves as a minimal HTML page using raw JavaScript, with no external libraries or frameworks.

HHayden-V

87% match

Loading thumbnail…

JavaScript Basics

This example demonstrates basic JavaScript syntax and concepts through a series of commented-out examples, including variables, arithmetic, functions, arrow functions, and object literals. The active code defines an arrow function `person` that returns an object with `first` and `last` properties, then logs the result to the console. It uses an SVG element for structure but relies entirely on the browser's developer console for output. The visualization is rendered without any external libraries, focusing purely on core programming fundamentals rather than data-driven graphics.

KKerotyzzzmo

87% 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

87% match

Loading thumbnail…

Javascript Basics

This example demonstrates fundamental JavaScript concepts through console output, including variable assignment, object mutation, function declarations, and arrow functions. The code defines objects to represent people, such as a person with first and last name properties, and logs their values to the browser console. It also shows a function that returns a new object with passed parameters, and an arrow function that builds an object using shorthand syntax. The page renders an empty SVG element with a width of 960 and height of 500, but all visible behavior occurs through the console.

Gguththered

87% match

Loading thumbnail…

JavaScript Basics

This example presents a minimal HTML page that explores fundamental JavaScript syntax and concepts through commented-out code examples. The visible script defines a `person` arrow function that returns an object with `first` and `last` properties, then logs an instance to the console. An empty SVG element with 960×500 dimensions is rendered on the page, though no data visualization is displayed. The code demonstrates object creation, function definitions, and console logging using plain JavaScript APIs.

DDavid Hojdan

87% 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

87% match