Teste Sol Lewit

100%

Teste Sol Lewit

✓ Published0🌍 Public

Last edited Oct 16, 2022

Created on Oct 16, 2022

This example shows a static collection of basic geometric shapes arranged across an SVG canvas. A green circle with red and blue line segments radiating from its center sits beside a yellow rectangle. The visualization demonstrates fundamental SVG rendering with React, using raw SVG elements like `<circle>`, `<line>`, and `<rect>` directly in JSX. No external data sources or interaction are present, serving as a minimal test of shape styling, positioning, and stroke properties.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Teste html

This example shows a hand-coded collection of basic SVG shapes: a green circle, red and blue axes, and a yellow rectangle. The code uses plain SVG elements (`circle`, `line`, `rect`) within an `<svg>` tag, with styling applied via presentation attributes like `fill`, `stroke-width`, and `stroke`. No JavaScript or external libraries are used; the visualization is a static test page rendered directly in HTML.

MMagessi

84% match

Loading thumbnail…

SVG TEST

This example displays a static collection of SVG primitives, including circles, rectangles, lines, and paths, arranged in groups with transforms. The composition showcases basic shapes with hard-coded fills, strokes, and coordinate positions within a 960 by 500 pixel canvas. The rendering relies on raw SVG elements defined directly in the HTML, with CSS classes like `.lines` applying stroke properties and line joins. The code uses plain SVG APIs (`<circle>`, `<rect>`, `<line>`, `<path>`, and `<g>`) alongside CSS styling, without any JavaScript libraries for layout or interaction.

JJames Song

83% match

Loading thumbnail…

Sol Lewitt SVG Artwork

This example renders geometric SVG artwork inspired by Sol LeWitt, using a React framework with hard-coded SVG elements. The visualization displays a series of colorful, grid-based compositions with varying line patterns, shapes, and color blocks arranged across a 960x500 canvas. The code defines these patterns directly in the SVG markup, creating a static, non-interactive piece that emphasizes the artist's systematic approach to form and color. The rendering relies entirely on native SVG capabilities within the React component structure.

BBelma Besirevic

82% match

Loading thumbnail…

Teste

This example demonstrates a static chart composed of basic SVG geometric shapes—two red and purple circles, a blue-outlined square, and a diagonal line—set against a black border framing the full 1920×1080 canvas. The React-based rendering uses inline SVG elements directly in the HTML, with no dynamic data or interaction. A separate `index.jsx` file imports React and D3’s `select` API, but the visible output does not use them, showing only a raw SVG composition. The chart highlights primitive shape attributes like fill, stroke, and stroke-width without encoding a dataset.

Nnunosilvasemedo@gmail.com

82% match

Loading thumbnail…

Test

This example displays a static SVG scene of a red circle and a navy line rendered from hardcoded coordinates. It demonstrates basic SVG primitives including `circle` and `line` elements with explicit positioning and styling attributes. The visualization uses plain HTML and SVG markup, with no JavaScript libraries or data binding, serving as a minimal starter for React-based visualization projects. The code renders these shapes directly in the browser without any interactive or dynamic behavior.

Ddavidhan1120

82% match

Loading thumbnail…

Test1 with SVG

This example demonstrates a static collection of basic SVG shapes, including circles, rectangles, ellipses, a line, a polygon, and a path, all rendered in a fixed 800×350 viewport. The code uses raw SVG markup directly in an HTML document to show varying fill colors, stroke properties, opacity, and coordinate-based positioning. It also includes a comment explaining SVG path command syntax, such as moveto, lineto, and Bézier curves. The page requires no external libraries or JavaScript, relying solely on native SVG rendering within the browser.

PPierreNiberon

81% match

Loading thumbnail…

SVG

This example showcases fundamental SVG shapes in a minimal React and CSS context. The visualization presents a green circle scaled up, a yellow rectangle with a black stroke translated downward on the canvas, and a set of black lines and a path with a rounded blue stroke. The code uses SVG elements like `circle`, `rect`, `line`, and `path` within an `svg` container, applying CSS classes and inline transformations for positioning and styling.

Eeman1718

81% match

Loading thumbnail…

Sol LeWitt

This example draws a single red square onto an SVG canvas, echoing the minimalist geometric style of Sol LeWitt. The code creates SVG elements using the native `document.createElementNS` API for SVG, adds a `rect` with fixed width and height attributes, and appends it to the page. It demonstrates fundamental SVG rendering with vanilla JavaScript, setting the stage for further generative art.

SSantiago Toso

81% match