Pseudo horizontal bar chart

100%

Pseudo horizontal bar chart

✓ Published0🌍 Public

Last edited Sep 8, 2022

Created on Sep 8, 2022

Four dark rectangular bars on a white background create a pseudo horizontal bar chart, with each bar spanning a different width and height to suggest varying categorical values. The chart uses raw SVG shapes—`rect` and `path` elements—rather than a charting library, and the rendering relies on inline SVG attributes for coordinates and dimensions. The visualization demonstrates a minimalist, static approach to bar chart composition without interactive behavior or data binding.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Pseudo bar chart

Four dark rectangles of varying heights sit on a black background, resembling bars in a chart. The shapes are drawn as SVG `path` and `rect` elements, layered over a white `rect` that covers the entire 960 by 500 viewport. Created with static SVG markup, this pseudo bar chart uses simple geometric primitives to suggest a categorical comparison without depicting actual data values.

WWasanta Pruttisarikorn

94% match

Loading thumbnail…

Pseudo horizontal bar chart

Four dark horizontal bars of varying widths sit on a white background, approximating a horizontal bar chart. The bars are ordered longest to shortest from top to bottom. Each bar is labeled with a black SVG text path, using custom geometric letterforms. The visualization is rendered as a single static SVG element with no axes, gridlines, or interactivity. It uses only basic SVG shapes and paths, with no JavaScript libraries or data-binding frameworks.

Aadriana-ss

92% match

Loading thumbnail…

Pseudo Horizontal Bar

Four horizontal black bars on a white background approximate a bar chart, with category labels A through D positioned to the left. The bars vary in length, though the chart does not include axes, data values, or a scale to interpret the magnitudes. Rendered as static SVG shapes, the visualization uses only `<rect>` elements for the bars and `<text>` elements for labels, all defined directly in the HTML markup without JavaScript libraries. The pseudo-bars are intentionally simple, suggesting a minimal or stylistic take on standard bar chart encodings.

Aalexscott-untitled

92% match

Loading thumbnail…

Pseudo bar chart

A pseudo bar chart displays four rectangular bars of varying heights against a white background, using a pale mint fill with black outlines to mimic a categorical comparison. The SVG markup directly defines each bar’s position and size, with no axes or data labels. Rendering relies on plain SVG `rect` elements, laying out the bars at fixed coordinates without any charting library or data-binding logic. This static representation approximates a bar chart’s visual structure while omitting interactivity, scales, or computed layouts.

LLouis Astorg

91% match

Loading thumbnail…

Pseudo Bar Chart

A minimal pseudo bar chart presents four black rectangles on a white background, suggesting categorical data without conventional axes or scales. The static SVG visualization uses basic `<rect>` elements with fixed x, y, width, and height attributes to encode values through bar height, ranging from 161 to 406 pixels. No JavaScript libraries or data sources appear in the code, as the chart relies entirely on hardcoded SVG shapes within an HTML document. The example demonstrates how raw SVG primitives can create a minimalist, functional chart layout.

Mmaciekawsq@gmail.com

91% match

Loading thumbnail…

Psuedo Horizontal Bar Chart

A pseudo horizontal bar chart uses a minimalist SVG layout to visualize data as four outlined rectangles of varying heights and widths, arranged along a horizontal axis. Each `<rect>` element is placed at different x and y coordinates, with the tallest bar at the left and progressively shorter bars to the right. The chart is rendered directly via SVG markup inside an `index.html` file, with a white background and no axis labels or tick marks. This example demonstrates how raw SVG primitives can create a simple, abstract bar-like comparison without relying on a charting library.

AAndre J Denais

91% match

Loading thumbnail…

Pseudo Horizontal Bar Chart

The visualization displays four horizontal bars of varying lengths, labeled A through D, on a white background, using a pseudo bar chart format where bars are represented as black rectangles. It is rendered as an SVG with hardcoded coordinates, with each bar’s width decreasing from top to bottom, mimicking a categorical comparison. The text labels are placed to the left of each bar using the Share Tech font, and the chart uses basic SVG elements like `rect` and `text` without any external libraries or data-driven logic.

Mmaciekawsq@gmail.com

91% match

Loading thumbnail…

Pseudo Bar Chart

Four simple SVG rectangles form an approximate bar chart, creating a pseudo-visualization of categorical values. The chart uses hardcoded coordinates and heights to simulate bars of varying magnitudes, with no axes or labels. Each rectangle is drawn directly via SVG `rect` elements inside an inline `<svg>` tag, with positioning and dimensions set manually. The rendering relies purely on static SVG markup with no JavaScript libraries, CSS styling only affecting the page body, and the bars arranged horizontally across a 960 by 500 pixel canvas.

Aajoua

91% match