Skip to main content
SimilarExport ZIP
100%

Pseudo Bar Chart

✓ Published0🌍 Public
SSam Hege
Last edited Jun 24, 2022
Created on Jun 24, 2022
Forked from HTML Starter

A pseudo bar chart renders four vertical bars in red, blue, yellow, and green, each paired with a black letter label (A–D) beneath it. The bars vary in height and vertical offset, suggesting categorical values without an explicit scale or axes. Built with plain SVG, the visualization uses static `rect` and `text` elements inside an `svg` container, with styling applied via CSS using the Share Tech font and a white background. No JavaScript libraries are involved; the chart relies entirely on hard-coded coordinates.

AI-generated description

Approx of Bar Chart with Figma

MIT Licensed

Similar vizzes

Loading thumbnail…

Pseudo bar chart

A pseudo bar chart displays four labeled bars (A–D) as plain SVG rectangles with varying widths, suggesting categorical values without using axes or scales. The first bar animates its fill color cycling from red to blue and back over a 10-second loop using SVG’s `<animate>` element. Rendered in an HTML page with inline SVG, the chart employs the Share Tech font and fixed viewport dimensions of 960 by 500 pixels. The bars are static except for the color animation, and no external charting library is used.

IIgorGorin00
92% match
Loading thumbnail…

Pseudo bar chart

A pseudo bar chart represents categorical data with four wide bars labeled A through D, using varying bar widths to encode values. Built as a static SVG, the visualization uses plain `rect` elements for the bars and `text` elements for category labels, with the first bar distinguished by a white fill and thick black stroke. The rendering relies solely on inline SVG styling and HTML, with no JavaScript libraries or data-processing APIs involved.

KKhanin Sisaengsuwanchai
91% match
Loading thumbnail…

Psuedo Bar Chart

A pseudo bar chart displays three solid color rectangles, blue, red, and yellow, of varying lengths that resemble horizontal bars, with the labels A, B, and C positioned to their left. Each colored rectangle is rendered as an SVG `<rect>` element with a fixed height of 120 pixels, while the width varies per bar to imply different categorical values. The chart is built with raw SVG markup inside an HTML document, using inline `fill` colors and a linked Google Fonts stylesheet for the label typography, with no external JavaScript libraries involved.

TTrevor Brown
91% 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
91% match
Loading thumbnail…

Pseudo bar chart

A pseudo bar chart displays four rectangular bars of varying heights against a white background, using a pale mint fill with black outlines to mimic a categorical comparison. The SVG markup directly defines each bar’s position and size, with no axes or data labels. Rendering relies on plain SVG `rect` elements, laying out the bars at fixed coordinates without any charting library or data-binding logic. This static representation approximates a bar chart’s visual structure while omitting interactivity, scales, or computed layouts.

LLouis Astorg
91% 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
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
90% 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