Pseudo Horizontal Bar Plot

100%

Pseudo Horizontal Bar Plot

✓ Published1🌍 Public

Last edited Dec 2, 2022

Created on Dec 1, 2022

Four labeled bars approximate a horizontal bar plot using SVG rectangles. The first bar is red with a black outline, while the remaining three bars are dark gray. Two texts mark categorical labels A through D on the left axis. The HTML file defines a 960 by 500 pixel SVG canvas, using the Share Tech font at 72 pixels to display labels. The layout uses fixed coordinates to position each bar, but no interactive elements or data bindings are present.

AI-generated description

An approximation of a horizontal bar plot

MIT Licensed

Similar vizzes

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…

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

90% match

Loading thumbnail…

Pseudo Horizontal Bar Chart

This example presents a stylized horizontal bar chart using four labeled bars (A–D) of varying widths. The visualization uses SVG rectangles to encode values, with each bar positioned to align with its corresponding text label. It relies on the SVG API directly for drawing, and uses the Share Tech font from Google Fonts for typography. The chart approximates a classic bar layout while omitting axes and scales, focusing purely on the geometric relationship between categories and their proportional lengths.

KKerotyzzzmo

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

89% match

Loading thumbnail…

Pseudo Horizontal Bar Chart

A pseudo horizontal bar chart uses black rectangles to represent four labeled categories, A through D, on a white SVG canvas. The first bar is styled green with a black stroke via a CSS class, overriding its inline red fill to demonstrate CSS precedence. The visualization is built with static SVG elements, including `<rect>` and `<text>`, and uses the Share Tech font.

PPrince Kumar

89% match

Loading thumbnail…

Pseudo Bar Plot

This pseudo bar plot approximates a traditional bar chart using four wide, dark rectangles of varying heights arranged across a 960 by 500 SVG canvas. The rectangles, positioned at increasing x-coordinates with decreasing y-coordinates, visually suggest quantitative categories without any axes, labels, or data encoding. The rendering relies entirely on raw SVG `rect` elements defined in the HTML, without employing any external JavaScript libraries like D3 or Three.js. The design focuses solely on the geometric silhouette of bars, leaving all chart context and semantic information absent.

Rroyable88

88% match

Loading thumbnail…

Fork of Pseudo Horizontal Bar Chart

This example shows a simple horizontal bar chart with four labeled bars (A–D) drawn as plain SVG rectangles, using the burlywood background and black or white fills to distinguish the first bar. Text labels appear in orange, red, green, and blue. The visualization uses static SVG elements directly in HTML, with styling via CSS (including the Share Tech font), and no JavaScript or data-binding libraries. All dimensions and positions are hard-coded in the SVG markup, making it a purely declarative rendering of categorical values.

Mmrteee2

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

88% match