Fork of Fork of Pseudo Bar Chart

100%

Fork of Fork of Pseudo Bar Chart

✓ Published1🌍 Public

Last edited Mar 7, 2024

Created on Mar 5, 2024

A single SVG with four horizontal bars uses value encoding to compare categorical items A through D, with the first bar given extra visual weight through conflicting CSS, inline styles, and a purple outline. The chart renders entirely through static SVG `rect` and `text` elements, with bar lengths increasing from 384 to 725 pixels. The first bar’s fill is overridden three times—by class, presentation attribute, and inline style—while all bars share the same height and vertical spacing, producing a pseudo bar chart where only the first category is highlighted.

AI-generated description

An apporximation of a bar chart.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pseudo Horizontal Bar Chart

Four horizontal bars display categorical values for labels A through D, with decreasing lengths from a full-width first bar to a quarter-width last bar. The chart uses raw SVG rectangles positioned on a 960×500 canvas, with text elements for category labels. The first bar uses a white fill with a black stroke and is distinct from the remaining solid black bars. Red fills the label for A, while B, C, and D appear in black, all rendered with the Share Tech font.

Pparaliterary@yahoo.com

92% match

Loading thumbnail…

Fork of Pseudo Horizontal Bar Chart

This fork of the Pseudo Horizontal Bar Chart presents a minimalist categorical comparison using four labeled bars rendered as SVG `<rect>` elements. The first bar, A, has a distinct white fill with a black stroke, while the remaining bars B through D are solid black, creating a visual hierarchy. The chart uses HTML and inline SVG within a standalone HTML file, with text elements for labels. The specific data values are not derived from an external dataset; instead, the bar widths are hard-coded, and the design relies on the 'Share Tech' font for a stylized look.

FFangda Qiu

91% match

Loading thumbnail…

Fork of Pseudo Bar Chart

A simple SVG bar chart displays four dark gray rectangles of varying heights on a blank canvas, approximating categorical data without axes or labels. The bars, sized via explicit pixel values, are positioned horizontally across a 900x500 viewBox. The code uses raw SVG `<rect>` elements with hardcoded coordinates and dimensions, styled with a uniform `#1E1E1E` fill. No JavaScript libraries or data-binding frameworks are involved; the rendering relies solely on static markup and inline attributes, with a minimal CSS reset to remove page margins.

Aandu006@gmail.com

91% match

Loading thumbnail…

Fork of Pseudo Horizontal Bar Chart

Four labeled bars form an approximate horizontal bar chart comparing categorical values A through D. The first bar is styled distinctly with a blue fill and black stroke, while the remaining bars use black fills. The visualization is built directly with SVG elements, using `rect` shapes for the bars and `text` elements for the labels. It renders at 960 by 500 pixels, with bar widths that decrease from 802 to 241 pixels, suggesting relative quantities for each category.

DDhruva654

91% match

Loading thumbnail…

Fork of Pseudo Horizontal Bar Chart

This fork of a pseudo horizontal bar chart uses SVG rectangles and text elements to display four labeled bars (A–D) with varying widths. The bars are drawn as black rectangles, with the first bar styled in blue and outlined with a white fill and black stroke. The chart is rendered via SVG directly in HTML, using the Share Tech font for labels, and approximates a bar chart without relying on external plotting libraries.

Aadventuresenglish.info@gmail.com

91% match

Loading thumbnail…

Fork of Pseudo Horizontal Bar Chart

A pseudo horizontal bar chart presents four labeled categories (A–D) with bars of decreasing length to suggest a ranking. The first bar is outlined in black with a white fill and blue interior, while the remaining bars are solid black. Rendered as static SVG rectangles positioned on a white background, the chart uses no JavaScript libraries; it relies solely on inline SVG elements, styled text with the Share Tech font, and CSS classes. All dimensions are hardcoded in the SVG markup.

AAntonio Belluscio

91% match

Loading thumbnail…

Fork of Pseudo Horizontal Bar Chart

A fork of the "Pseudo Horizontal Bar Chart" example, this SVG visualization renders four labeled bars (A through D) as plain black rectangles on a white canvas. The chart compares categorical values through the varying widths of each bar, with the first bar distinguished by an outlined stroke and no fill. Built with raw SVG elements—`rect` and `text`—and styled using the Share Tech font, the chart is rendered directly in HTML without any JavaScript libraries or data-binding code.

NNixonthiyagesh-Hexa

90% match

Loading thumbnail…

Fork of Pseudo bar chart

Four vertical bars form a simple bar chart with categories A through D, where the bar heights decrease from left to right. Each bar is drawn as a static SVG `rect` element with hardcoded dimensions, and category labels are rendered as `text` elements using the Share Tech font. The chart uses no JavaScript or data binding, relying entirely on hand-coded SVG markup within an HTML page.

ZzolboBatsaikhan

90% match