fatihkose80

@fatihkose80·5 public vizzes

Lewit_1

A wall of thin, evenly spaced vertical bars fills the entire browser window, creating a striped, static pattern. The visualization generates 100 SVG rectangles, each 10 pixels wide and as tall as the viewport, positioned in sequence. Built with vanilla JavaScript and SVG, it derives its dimensions directly from `window.innerWidth` and `window.innerHeight`. The code uses `document.createElementNS` to construct the SVG elements and appends them to the page body, with minimal CSS to remove default margins and hide overflow.

Dec 31, 2022

Loading thumbnail…

Lewitt

This example renders a full-screen SVG visualization inspired by the minimalist art of Sol LeWitt. It draws a single vertical rectangle at a fixed x position that spans the entire height of the viewport, using the browser’s `window.innerHeight` and `window.innerWidth` to size the canvas. The code creates the SVG element via the `document.createElementNS` API and appends a `rect` element without an explicit loop, resulting in one static line. The visualization relies on vanilla JavaScript and SVG, with no external libraries or data source.

Dec 31, 2022

Loading thumbnail…

Jav Script

A bare-bones HTML page demonstrates fundamental JavaScript syntax by logging values to the console, including variables, object properties, a for-loop, and arrow functions. The page uses an SVG element with fixed dimensions but renders no visual output, focusing purely on scripting. The code leverages vanilla JavaScript and CSS, with no external libraries or data sources, illustrating core programming concepts through console output.

Dec 28, 2022

Loading thumbnail…

SVG Fundamentals

This example demonstrates fundamental SVG path construction by drawing a square composed of four triangular regions, overlaid with the text “Level 2.” The code uses inline SVG elements, with each triangle defined by an explicit `d` attribute in a `<path>` element, specifying absolute coordinates and stroke/fill properties. Two triangles are filled black with black strokes, while the remaining two are outlined only with black strokes, creating a visual contrast. The visualization is embedded directly in an HTML page styled with CSS, using the Google Font “Fjalla One” for text, and requires no JavaScript or external libraries for rendering.

Dec 24, 2022

Loading thumbnail…

Fork of HTML Starter

This example shows a single line of large, centered text reading “Hello HTML!” inside a minimal web page. It demonstrates the foundational structure of an HTML document with embedded CSS styling and no JavaScript logic. The code uses plain HTML elements like `<div>` and `<style>` tags to define the visual presentation, while the body contains the static content. It serves as a basic starter template for web-based visualization projects, though it does not include any data, interactivity, or external libraries.

Dec 23, 2022