Pseudo Visualisations

100%

Pseudo Visualisations

✓ Published0🌍 Public

Last edited Jun 13, 2022

Created on Jun 13, 2022

Pseudo Visualisations presents a curious, abstract shape constructed from layered orange, red, and deep blue SVG paths. The composition resembles a stylized, coiled form with irregular protrusions, rendered on a plain white background. The code defines these shapes using explicit path data within an SVG element, with colors applied via inline `fill` styles. The rendering approach relies on hand-coded coordinates and transformations, showcasing a static, artistic interpretation rather than a data-driven visualization. It appears to explore form and color through vector graphics.

AI-generated description

Pseudo Visualisation created using Inkscape

MIT Licensed

Similar vizzes

Loading thumbnail…

pseudo visualization

This example presents a static geometric composition built with React and rendered as SVG. The visualization displays a collection of overlapping gray shapes that form a complex, layered pattern around a central point. The code constructs these forms using multiple SVG `<path>` elements with defined fill colors and masking techniques. The rendering relies on inline SVG markup directly embedded in the HTML, demonstrating a pure SVG approach without additional data processing or interaction handling. The result is a non-interactive, decorative abstract visual exploration.

Jjustinhersom@gmail.com

80% match

Loading thumbnail…

Pseudo Visualizations

This example presents a minimalist set of stylized bar-chart glyphs drawn as SVG paths within a single small viewBox. The graphic shows three abstract vertical bars of varying heights, with a horizontal baseline, where hovering over any shape turns it black. The code uses raw SVG elements—`path`, `rect`, and `circle`—with inline stroke and fill attributes, and applies a CSS `:hover` rule with a 500ms transition to change the fill color. No external libraries or data sources are used; the visualization relies entirely on static SVG markup in an HTML document.

Xxinyuwangxyw

78% match

Loading thumbnail…

Pseudo Graphs

Static SVG rectangles and paths form a simple bar-like chart where each shape has a distinct color and size, demonstrating basic vector graphics rendering. The page uses inline CSS to apply black strokes and varied fills, with a hover transition that gradually changes rectangle fill to midnightblue and increases stroke width over three seconds. This example shows how SVG elements can respond to user interaction through CSS transitions, with the markup structured directly in the HTML file.

DDasbach.EJ

78% match

Loading thumbnail…

Pseudo viz

This visualization presents a simple, abstract face composed of basic geometric shapes, built using SVG and styled with CSS. It demonstrates how static vector graphics can be assembled into a recognizable figure without any interactive or data-driven logic. The rendering uses raw SVG elements like `rect`, `path`, `ellipse`, `line`, and `g`, with drop shadows applied via the `filter` definition. The face is centered on a white background, featuring a gray head, two differently colored eyes (blue and purple), and a subtle mouth, all defined directly in the markup. No external libraries like D3 or React are used; the code relies solely on native web technologies.

Ddalia.miliauskaite@me.com

77% match

Loading thumbnail…

Pseudo Visualizations

Seven circles in a square SVG canvas appear as a pseudo network visualization, with each node represented by a circle of identical radius. The circles are placed at varying coordinates, creating an organic, scattered layout that resembles a graph without connective edges. The example uses static SVG elements—rect and circle—rendered directly in HTML markup, with no JavaScript framework or data binding. The white background rect anchors the visualization, while the unpositioned circles suggest a minimal, unfinished force-directed simulation.

JJun Alvarado

76% match

Loading thumbnail…

Pseudo Bar Chart

This pseudo bar chart presents an abstract, hand-drawn appearance, composed of multiple SVG paths that simulate irregular, sketch-like data bars rather than using standard bar shapes. The visualization is rendered with React and SVG, featuring a light background and orange strokes that create a freeform, illustrative aesthetic. The code defines precise path coordinates and stroke properties to achieve the organic, pseudo-bar effect, demonstrating a creative alternative to conventional chart rendering. The example focuses on visual form over quantitative accuracy, emphasizing stylistic expression in data representation.

SSGPPellow

76% match

Loading thumbnail…

002 : "Pseudo Visualizations"

Six circles form an approximate scatter plot against a white background, with positions suggesting a downward trend from left to right. The SVG rendering uses no JavaScript or data-binding libraries, relying instead on hardcoded circle elements with fixed coordinates and radii. Each circle is identical in size, and the minimalist composition focuses on the visual pattern created by their varying placements rather than encoding additional data dimensions. The example demonstrates a static, hand-authored visualization without animation or interactivity.

MMark Beveridge

76% match

Loading thumbnail…

Pseudo Scatter Plot

This example demonstrates a static collection of basic SVG shapes, including circles, rectangles, lines, and paths, arranged in a pseudo-scatter-plot layout. It shows how different geometric primitives can be combined and styled together within a single `<svg>` viewport. The visualization uses inline SVG within an HTML page, with CSS rules applied to the `rect` elements to set their fill and stroke colors, as well as a hover effect that changes the fill to green. The code explicitly defines each shape’s properties, such as coordinates, dimensions, and stroke attributes, without relying on any external libraries or JavaScript.

AAbhinash Mallick

75% match