Skip to main content
SimilarExport ZIP
100%

Pseudo Visualizations

✓ Published0🌍 Public
MmyN3RD
Last edited Mar 19, 2023
Created on Mar 19, 2023
Forked from HTML Starter

Three identical blue-and-white swirl icons are arranged in a vertical column, each rendered as a set of curved SVG paths with a shared CSS style. The icons resemble a stylized recycling or motion symbol, with each path stroke outlined in white on a transparent background. The page uses plain HTML and inline SVG, with no JavaScript or React framework logic present despite the metadata listing. The drawing relies entirely on hardcoded path coordinates and CSS classes for styling.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Pseudo Visualisations

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.

MMartin
75% 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
75% 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
74% match
Loading thumbnail…

Psudo visualisation

A minimal static SVG scene presents six black circles scattered across a white canvas on a 960-by-500 viewBox. The markup, authored in plain HTML with embedded CSS and JavaScript, draws each ellipse with explicit coordinate and radius attributes. No interactive behavior or animation is implemented; the visualization simply shows the arrangement of these abstract shapes using React and SVG rendering. The source data is hard-coded in the index file rather than loaded from an external dataset.

Iigndukwe
74% match
Loading thumbnail…

Untitled

This example shows a stylized dashboard layout in SVG, with minimal decorative elements like circular and oval shapes, small icons, and annotated lines drawn in grayscale tones. The visual centers on two large rounded rectangles that appear to frame data areas, flanked by bar-chart-like segments and small circular markers. The rendering uses React to produce static SVG markup, with no interactive or dynamic behavior. The included JavaScript and CSS files are referenced but not detailed, so the composition is purely presentational, illustrating a clean, grid-like interface design.

Ppreethamkesa
73% match
Loading thumbnail…

Refactoring Circles

A large green circle fills the viewport, surrounded by four smaller blue circles positioned at its cardinal points, each with yellow strokes. A thin black arc curves inside the green circle, adding a subtle geometric accent. The visualization is rendered as SVG through React components, using D3’s `arc()` generator to define the curved path. All elements are drawn in a static, non-interactive layout, with dimensions computed from the browser window size.

KKamalabot
73% 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
73% match
Loading thumbnail…

Circling Circles

A static SVG scene shows a large green circle, centered on a white background, whose thick black outline is punctuated by four smaller blue circles positioned at the cardinal points. Each small circle has its own yellow stroke, and the arrangement suggests a minimalist orbital motif. Built with React, the markup is generated via JSX, while D3 v5 is imported for its `select` API, though the visualization itself relies purely on SVG circle elements and window dimensions for sizing.

KKamalabot
72% match