Pseudo Horizontal Bar Chart

100%

Pseudo Horizontal Bar Chart

✓ Published1🌍 Public

Last edited Dec 15, 2022

Created on Dec 15, 2022

A pseudo horizontal bar chart displays five labeled bars (A through E) as black rectangles against a white background, with each bar's length varying by category. The SVG markup creates the bars using fixed path coordinates, while labels are positioned along the left axis via text elements. The visualization uses a clipped rectangular container and a 'Share Tech' font from Google Fonts. This example relies purely on inline SVG paths and text elements, demonstrating a static, non-interactive chart built directly with raw SVG code.

AI-generated description

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

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

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

92% match

Loading thumbnail…

Pseudo Horizontal Bar Chart

This visualization uses black rectangles of varying widths to create a pseudo horizontal bar chart for categories A through D. The SVG markup defines the bar dimensions and positions, while text elements label each bar with its corresponding letter. The chart employs a minimal design with white background and the Share Tech font, rendering all elements directly via inline SVG without additional JavaScript libraries or data loading mechanisms.

Llili463e

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

92% match

Loading thumbnail…

Pseudo bar chart

This pseudo bar chart displays five categories (A through E) as horizontal dark bars of decreasing length on a white background, with each category label placed to the left of its bar. The bars are static rectangles created with inline SVG elements, while the category names are rendered as text elements using the Share Tech font. The chart uses absolute pixel coordinates within a 960×500 viewBox, with bar widths ranging from 570 to 111 pixels. No dynamic data binding or JavaScript libraries are involved; the visualization is purely declarative SVG markup.

LLouis Astorg

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

91% match

Loading thumbnail…

Pseudo Horizontal Bar Chart

This example approximates a horizontal bar chart using raw SVG rectangles and text elements, displaying categories A through D with varying bar widths. The chart uses a black-on-white design with large ‘Share Tech’ typography, emphasizing a minimalist aesthetic. Built with inline SVG markup and standard HTML/CSS, it relies on fixed pixel coordinates for bar placement and sizing rather than data-driven JavaScript or a charting library. The rendering is fully static, with no interactive or animated behaviors present in the code.

Ttriciascully

91% match