Fork of Pseudo Horizontal Bar Chart

100%

Fork of Pseudo Horizontal Bar Chart

✓ Published0🌍 Public

Last edited Oct 15, 2025

Created on Oct 15, 2025

A pseudo horizontal bar chart presents four labeled categories (A–D) with bars of decreasing length to suggest a ranking. The first bar is outlined in black with a white fill and blue interior, while the remaining bars are solid black. Rendered as static SVG rectangles positioned on a white background, the chart uses no JavaScript libraries; it relies solely on inline SVG elements, styled text with the Share Tech font, and CSS classes. All dimensions are hardcoded in the SVG markup.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pseudo Horizontal Bar Chart

Four horizontal bars display categorical values for labels A through D, with decreasing lengths from a full-width first bar to a quarter-width last bar. The chart uses raw SVG rectangles positioned on a 960×500 canvas, with text elements for category labels. The first bar uses a white fill with a black stroke and is distinct from the remaining solid black bars. Red fills the label for A, while B, C, and D appear in black, all rendered with the Share Tech font.

Pparaliterary@yahoo.com

94% match

Loading thumbnail…

Fork of Pseudo Horizontal Bar Chart

This fork of a pseudo horizontal bar chart uses SVG rectangles and text elements to display four labeled bars (A–D) with varying widths. The bars are drawn as black rectangles, with the first bar styled in blue and outlined with a white fill and black stroke. The chart is rendered via SVG directly in HTML, using the Share Tech font for labels, and approximates a bar chart without relying on external plotting libraries.

Aadventuresenglish.info@gmail.com

94% match

Loading thumbnail…

Fork of Pseudo bar chart

Four vertical bars form a simple bar chart with categories A through D, where the bar heights decrease from left to right. Each bar is drawn as a static SVG `rect` element with hardcoded dimensions, and category labels are rendered as `text` elements using the Share Tech font. The chart uses no JavaScript or data binding, relying entirely on hand-coded SVG markup within an HTML page.

ZzolboBatsaikhan

93% match

Loading thumbnail…

Fork of Pseudo Horizontal Bar Chart

This fork of a pseudo horizontal bar chart displays four labeled bars (A–D) using raw SVG rectangles and text elements. The first bar is blue with a thick black stroke, while the remaining bars are black, sized to approximate descending values. Rendered with inline SVG in an HTML page, it uses the Share Tech font and no JavaScript libraries or data-binding frameworks. The chart is a static approximation of a bar chart, with the SVG viewBox, rect positioning, and font styling defined directly in the markup.

Iinnocent thomas

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

93% match

Loading thumbnail…

Fork of Pseudo Horizontal Bar Chart

A fork of the "Pseudo Horizontal Bar Chart" example, this SVG visualization renders four labeled bars (A through D) as plain black rectangles on a white canvas. The chart compares categorical values through the varying widths of each bar, with the first bar distinguished by an outlined stroke and no fill. Built with raw SVG elements—`rect` and `text`—and styled using the Share Tech font, the chart is rendered directly in HTML without any JavaScript libraries or data-binding code.

NNixonthiyagesh-Hexa

93% match

Loading thumbnail…

Fork of Pseudo Horizontal Bar Chart

A pseudo horizontal bar chart displays four labeled values (A through D) as rectangles of varying widths on a white background. The first bar is highlighted with a white fill and black stroke, while subsequent bars are green or black. Built with inline SVG elements, the visualization uses `rect` and `text` markup with CSS styling, including the Share Tech font, and loads in an HTML document. No JavaScript libraries are employed; the chart is purely static SVG rendered at 960 by 500 pixels.

Pprakashrai02

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

92% match