Skip to main content
SimilarExport ZIP
100%

seudo-bar

✓ Published0🌍 Public
FFrancisco Ibelles
Last edited Jun 5, 2023
Created on Jun 5, 2023

A seudo-bar chart displays four categorical bars labeled A through D, each with a distinct color and height encoded directly via SVG rectangles. The example uses raw SVG elements in an HTML file without any JavaScript libraries, setting bar dimensions explicitly through x, y, width, and height attributes. Text labels beneath the bars identify the categories, with styling applied via inline CSS for font size and weight. The rendering approach is static SVG, with bars positioned from a white background rect, and no interaction or data-binding logic present.

AI-generated description

A seudo barplot

MIT Licensed

Similar vizzes

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
89% match
Loading thumbnail…

Pseudo Bar Chart

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.

SSam Hege
89% 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 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
88% match
Loading thumbnail…

Pseudo Bar Chart

A pseudo bar chart displays categorical data as horizontal bars with varying widths to imply values. Each bar is drawn as an SVG `<rect>` element, with a dark background and distinct fill colors including gold, green, white, maroon, and a blank entry. The chart renders entirely through static SVG markup, without any data-binding or interaction libraries, and uses the Aboreto font for category labels (A through E) via Google Fonts. The code relies solely on native SVG elements and CSS transitions for styling, presenting a minimal, non-dynamic visualization.

Ssz2036
88% match
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
88% match
Loading thumbnail…

Pseudo

This example shows four gray bars labeled A, B, C, and D, each with different heights representing categorical values. The bars are rendered as SVG rectangles on a white background, with text elements using black fill for labels. The visualization uses a static HTML page with CSS for styling and inline SVG markup, demonstrating a minimal bar chart without any JavaScript libraries or data processing. The bars are positioned at fixed coordinates within a 361×372 viewBox, with heights varying from 120 to 328 pixels to convey relative magnitudes.

Vvalsorayksterob
87% match
Loading thumbnail…

Pseudo Bar

An SVG bar chart receives a minimalist reinterpretation through a pseudo-3D presentation. Five black rectangles of varying heights stand on a white background, their horizontal positions and vertical extents approximating categorical data values. The chart uses raw SVG `<rect>` elements, specifying x, y, width, and height coordinates to render each bar directly, with no JavaScript libraries or data-loading mechanisms involved. The static image, titled "Pseudo Bar," offers a simple, abstracted visual comparison.

Aalexscott-untitled
87% match