Pseudo Horizontal Bar

100%

Pseudo Horizontal Bar

✓ Published0🌍 Public

Last edited Sep 27, 2022

Created on Sep 27, 2022

This example shows four black vertical bars of descending height arranged from left to right across a white canvas, creating a pseudo horizontal bar chart. Each bar uses an SVG `rect` element, with explicit `x`, `y`, `width`, and `height` attributes hard-coded into the markup. The rendering uses static SVG (no animation or interaction) within a simple HTML page, and the overall effect relies on the viewer’s perception of the bars as part of a single horizontal sequence. The chart is purely presentational, with no axis, labels, or data-binding logic.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

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

91% match

Loading thumbnail…

Pseudo Horizontal Bar Chart

A pseudo horizontal bar chart displays four black bars of varying lengths on a white background, with a single letter "A" positioned to the left. The chart uses nested SVG elements, with the outer and inner SVG both set to 960 by 500 viewBoxes. Rectangles are drawn with the `rect` element and filled with `#111111`, while the label uses the `text` element. The rendering is achieved through inline SVG markup, without any JavaScript libraries or external data sources.

SSeanmgard

91% match

Loading thumbnail…

Pseudo horizontal bar chart

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.

WWasanta Pruttisarikorn

91% match

Loading thumbnail…

Pseudo Horizontal Bar Chart

This example shows a pseudo horizontal bar chart with four labeled bars (A–D) of varying lengths, rendered as simple SVG rectangles. The first bar is styled with a distinctive white fill and black stroke, while the others are solid black. Text labels are placed to the left of each bar using SVG text elements. The visualization uses the Share Tech font and relies on raw SVG markup within an HTML file, with no external JavaScript libraries or data-binding frameworks involved.

CCurran Kelleher

90% 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

89% 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

89% match

Loading thumbnail…

Pseudo Bar Chart

This example shows six vertical bars of varying heights arranged from left to right, approximating a simple bar chart without any axes, labels, or gridlines. The chart is drawn directly using Scalable Vector Graphics (SVG) primitive shapes—specifically, a series of `<rect>` elements—rendered on a white canvas within a 960-by-500-pixel viewport. Each rectangle is filled solid black, with its `x`, `y`, `width`, and `height` attributes hard-coded in the HTML markup. The visualization relies entirely on raw SVG code, with no JavaScript libraries or data transformation, and includes a full-size background rectangle to set the chart area.

Cchacon1@uic.edu

89% match

Loading thumbnail…

Pseudo Bar Chart

This example approximates a bar chart using four black rectangles on a white background, each representing a data value. The bars vary in height and position, creating a static, minimalist visualization. The SVG rendering uses the `<rect>` element with explicit x, y, width, and height attributes to define each bar, laid out on a 960 by 500 canvas. The chart relies on raw SVG markup rather than a charting library or JavaScript, with the data encoded directly in the coordinates.

SSeanmgard

89% match