Skip to main content
SimilarExport ZIP
100%

a cool design

✓ Published0🌍 Public
Bbhargav83
Last edited Feb 12, 2023
Created on Feb 9, 2023
Forked from HTML Starter

This piece is a static SVG composition of dark, heavy black lines on a pale background, framed by deep red and black border bands. The line work suggests a dense, abstract structure resembling stylized branches, roots, or a circuit diagram, with many overlapping strokes of varying thickness and orientation. The design relies on the `mix-blend-mode: darken` CSS property over layered rectangles to create subtle tonal variations. The SVG is hand-coded directly in HTML, using basic shapes like `line` and `path` elements without any JavaScript or external libraries.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

SVG WIZARDS ONLY

A monochrome SVG composition built solely from HTML rectangles, lines, and paths forms an abstract geometric figure against a black background. The gray shapes suggest architectural elements or a stylized creature, with thin white line details adding contrast. The visualization is rendered statically through React, using raw SVG primitives like `<rect>` and `<line>` to construct the entire image without any JavaScript libraries or interactive behavior.

DDhruva654
79% match
Loading thumbnail…

Untitled

A black canvas displays a dense, abstract composition of gray geometric shapes, including rectangles, lines, and small path elements, built entirely with raw SVG markup in a React component. The layout suggests a stylized architectural or mechanical diagram, with distinct clusters of blocks and connectors arranged across the 970×817 viewport. The code defines each shape explicitly via SVG elements like `rect`, `line`, `ellipse`, and `path`, with no external data source or visualization library, relying solely on hardcoded coordinates and fixed styling. The rendering is static, with no interaction or animation.

DDhruva654
76% match
Loading thumbnail…

Untitled

This example demonstrates how basic SVG shapes and CSS styling can be used to create a static composition. It shows circles, rectangles, lines, and a path arranged in groups, with some shapes using inline fill colors and others inheriting styles from a group transform. The code uses React to render SVG elements, with the `style.css` file applying strokes and stroke widths to the line and path elements. The SVG is scaled and translated to position the shapes within a fixed 960 by 900 viewport.

Bbl75d
76% match
Loading thumbnail…

Fork of Introduction of SVG

This example displays an abstract geometric composition built from layered SVG rectangles and circles. Seven horizontal color bands form a gradient-like background, while a vertical brown bar and five overlapping circles create a simple landscape or abstract figure. The graphic uses inline SVG markup with static positioning, and defines three linearGradient elements with different rotation angles to fill the circles with varied color transitions. The code relies solely on core SVG APIs, with no external JavaScript libraries or data sources.

AAsherpranayp
75% match
Loading thumbnail…

Untitled

This example shows a static abstract composition of rounded rectangles and connecting lines, arranged like a minimal flow diagram or node-link structure. The layout contains three filled bars of varying widths (blue, skyblue, and cyan) positioned within a larger gray-bordered container, linked by six straight line segments that form a branching network. The visualization is built using raw SVG markup embedded directly in an HTML page, with shapes defined through `<rect>` and `<line>` elements. Styling is applied via SVG attributes such as `fill`, `stroke`, `stroke-width`, and `rx`/`ry` for corner rounding, with no JavaScript or external libraries involved.

Ddsims2157
75% match
Loading thumbnail…

Untitled

This example renders a small, abstract emblem composed of multiple dark navy and blue vector shapes. The SVG paths define a stylized form with curved strokes and a bold, geometric composition, suggesting a logo, crest, or artistic glyph. The page is built with a minimal HTML structure and uses CSS for overall page styling, including a monospace font and hidden overflow. The JavaScript defines the SVG elements, which are filled with specific color values like `#0A0F25` and `#476CEF`.

MMouad Et-tali
75% match
Loading thumbnail…

Art

This example demonstrates a static composition of SVG shapes, including overlapping red and green circles, a diagonal line, and two path elements. The rendering uses raw SVG syntax directly in an HTML document, with inline CSS setting the page margin to zero and hiding overflow. The artwork is generated through explicit coordinate attributes such as `cx`, `cy`, and `d` for paths, and includes a commented-out rectangle to show alternative shapes. The piece explores layering and stroke styling without any interactive or animated behavior.

Aaidarshafeev1@gmail.com
75% match
Loading thumbnail…

Introduction of SVG

This example introduces SVG graphics by constructing a simple abstract composition. It shows a series of colored horizontal bands forming a background, overlaid with a vertical rounded rectangle and several circles arranged in a flower-like pattern. The piece uses pure SVG elements, including `rect` and `circle`, with colors defined through `linearGradient` defs. These gradients use different rotation angles to create varied shading on the circles. The code is authored specifically for a React environment, but the rendering is handled entirely by the browser's native SVG support, with no external libraries involved.

SSimran
74% match