Skip to main content
SimilarExport ZIP
100%

javascript basics

✓ Published1🌍 Public
Lliu yang
Last edited Nov 9, 2023
Created on Nov 9, 2023
Forked from Hello VizHub

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.

AI-generated description

Sol LeWitt Reproduction

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
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
86% 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
86% 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
84% 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
84% 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
83% 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
83% 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
83% match