Pseudo horizontal bar chart

100%

Pseudo horizontal bar chart

✓ Published0🌍 Public

Last edited Jan 11, 2023

Created on Jan 11, 2023

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.

AI-generated description

An aprox of a bar chart

MIT Licensed

Similar vizzes

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

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

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

91% match

Loading thumbnail…

Pseudo Horizontal Bar Chart

This example presents a pseudo horizontal bar chart, approximating a traditional bar layout with black rectangles of varying widths on a white background. Four bars are labeled A through D using SVG text elements. The visualization is built entirely with raw SVG shapes—specifically `rect` and `text` elements—rendered in an HTML page, with no JavaScript libraries or data-binding involved. Styling uses the Share Tech font and fixed coordinates within a 960 by 500 viewBox.

Wwspwll@gmail.com

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

90% match

Loading thumbnail…

Pseudo Horizontal Bar chart

This example shows four black horizontal bars of varying lengths on a light gray background, with SVG text labels positioned to the left of each bar. The bars are rendered as SVG `rect` elements with fixed dimensions and positions, while the labels are drawn using SVG `path` elements that trace letterforms. The layout is hard-coded within the HTML, using no JavaScript libraries or data-binding frameworks. Instead, the visualization relies entirely on static SVG markup, making it a simple demonstration of how CSS and pure SVG can create a bar-chart-like composition.

AAshwani Sajwan

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

89% match