paraliterary@yahoo.com

@paraliterary·4 public vizzes

Fork of Sol LeWitt Reproduction

This example renders a 960-by-960 SVG canvas and draws a single 100-by-100 rectangle in the top-left corner. It reproduces a Sol LeWitt art piece using the SVG API directly, creating elements with `document.createElementNS` and appending them to the page. The code is minimal, showing the initial stage of the geometric artwork without additional styling or interaction.

Sep 4, 2024

Loading thumbnail…

Sol Lewit reproduction

This example reproduces a Sol LeWitt-inspired drawing using React and JavaScript on a bare HTML page. It renders text input from a textarea and displays a numeric value via a console log, while the code demonstrates variable assignment and string concatenation. The visualization is minimal, focusing on how dynamic values can be manipulated and logged without a charting library. The rendering relies on standard DOM APIs and the `textarea` element to capture user input.

Sep 3, 2024

Loading thumbnail…

Fork of Pseudo Horizontal Bar Chart

Four horizontal bars display categorical values for labels A through D, with decreasing lengths from a full-width first bar to a quarter-width last bar. The chart uses raw SVG rectangles positioned on a 960×500 canvas, with text elements for category labels. The first bar uses a white fill with a black stroke and is distinct from the remaining solid black bars. Red fills the label for A, while B, C, and D appear in black, all rendered with the Share Tech font.

Sep 3, 2024

Loading thumbnail…

SVG Fundamentals

This example demonstrates fundamental SVG rendering using vector shapes and CSS animations on a static HTML page. It shows a large circle and a triangular path, with the triangle flashing between green and red via an infinite CSS keyframe animation. The code uses native SVG elements such as `<circle>` and `<path>`, styled through CSS properties like `fill` and `stroke`, with the animation defined using `@keyframes`. The rendering approach relies entirely on inline SVG markup within a 500×500 coordinate space, embedded directly in the browser DOM.

Aug 24, 2024