Skip to main content
SimilarExport ZIP
100%

Pseudo Bar Chart Horiz

✓ Published1🌍 Public
Hhelloelectro
Last edited Feb 6, 2023
Created on Feb 6, 2023

A pseudo bar chart displays seven labeled categories (A–G) with rounded bars of varying lengths, where category C is highlighted in pink while the rest are black. The chart uses rotated rectangles drawn directly in SVG, with each bar positioned and rotated via the `transform` attribute. Labels are rendered as SVG text elements, using a Roboto font loaded from Google Fonts. The arbitrary bar heights appear hand-coded rather than derived from a data file, and the minimal styling is applied through CSS classes within the embedded stylesheet.

AI-generated description

Exploring SVG - importing and viewing SVG from Figma and other design apps

MIT Licensed

Similar vizzes

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

Pseudo Bar Chart Transposed

A pseudo bar chart transposed presents categorical values as horizontal bars extending rightward from the left, with five labeled segments (A–E) sized by their widths. The visualization uses SVG rectangles with negative scaling transforms to simulate left-to-right bar lengths, while text elements label each category. The code employs raw SVG elements—`rect`, `text`, and `matrix` transforms—inside an HTML document, with no external charting library, instead relying on manual coordinate math and Google Fonts styling. The data is encoded purely through rectangle widths, not a dataset.

Ppaddyokore39@gmail.com
88% match
Loading thumbnail…

Pseudo Bar Chart Basic

A pseudo bar chart displays nine rounded rectangles as vertical bars, with varying heights and muted colors, including gray and orange highlights. Built with static SVG markup in an HTML file, the visualization uses `rect` elements with fixed `x`, `y`, `width`, `height`, and `rx` attributes to simulate a categorical data series. The chart appears designed as a static image export, lacking axes or interactive features. Its styling suggests a drafted design rather than a data-driven visualization.

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

Pseudo for horizontal bar chart

Six horizontal bars form a small pseudo bar chart, with categories A through F listed along the left edge. Each bar is a simple SVG `rect` with a fixed height, and the bar lengths increase progressively from the top to the bottom of the chart. The SVG `text` elements label the categories, while the chart itself uses no external libraries, relying solely on hand-coded SVG markup within an HTML document. The bars are drawn in black on a white background, with the overall layout fixed by explicit pixel coordinates.

NNikki Masroor
87% 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
87% match