Pseudo Bar Chart

100%

Pseudo Bar Chart

✓ Published0🌍 Public

Last edited Jan 29, 2024

Created on Jan 29, 2024

This pseudo bar chart presents four black rectangles of varying heights on a white background, simulating a simple categorical bar chart without axes, labels, or data values. The visualization is entirely hand-coded in raw SVG using the `rect` element for each bar, with inline styles controlling fill color and stroke width. It relies on explicit `width`, `height`, `x`, and `y` attributes to position and size the bars. The Inkscape namespace declarations indicate the chart was originally authored in the Inkscape vector editor before being exported.

AI-generated description

An approximation of a bar chart.

MIT Licensed

Similar vizzes

Loading thumbnail…

Pseudo Bar Chart

A minimal pseudo bar chart presents four black rectangles on a white background, suggesting categorical data without conventional axes or scales. The static SVG visualization uses basic `<rect>` elements with fixed x, y, width, and height attributes to encode values through bar height, ranging from 161 to 406 pixels. No JavaScript libraries or data sources appear in the code, as the chart relies entirely on hardcoded SVG shapes within an HTML document. The example demonstrates how raw SVG primitives can create a minimalist, functional chart layout.

Mmaciekawsq@gmail.com

92% match

Loading thumbnail…

Pseudo bar chart

Four black rectangles of varying heights float on a white SVG canvas, approximating a bar chart without any axes, labels, or data encoding. The bars are positioned at irregular x-coordinates and y-coordinates, suggesting a deliberately skewed or abstract representation of categorical values. The visualization renders purely through static SVG `<rect>` elements defined directly in the HTML, with no JavaScript or external libraries driving the layout. Each rectangle uses a uniform fill color and fixed dimensions, creating a minimal, decontextualized take on standard bar chart aesthetics.

Aadriana-ss

91% match

Loading thumbnail…

Pseudo Bar Chart

Four vertical rectangles of varying heights sit on a blank SVG canvas, approximating a bar chart without any axes or labels. The longest bar spans nearly the full height, while the shortest occupies only the bottom quarter. The example uses raw SVG `rect` elements with explicit `x`, `y`, `width`, and `height` attributes, all defined directly in the HTML. No JavaScript libraries or data-binding frameworks are present; the chart is a static, hand-coded approximation of a categorical comparison using only the SVG specification.

AAmauri Ribeiro

91% match

Loading thumbnail…

Pseudo Bar Chart

This example approximates a bar chart using four black rectangles on a white background, each representing a data value. The bars vary in height and position, creating a static, minimalist visualization. The SVG rendering uses the `<rect>` element with explicit x, y, width, and height attributes to define each bar, laid out on a 960 by 500 canvas. The chart relies on raw SVG markup rather than a charting library or JavaScript, with the data encoded directly in the coordinates.

SSeanmgard

91% match

Loading thumbnail…

Pseudo Bar Chart

This is a pseudo bar chart built with raw SVG, using a series of black rectangles to approximate a bar chart without any axes, labels, or underlying dataset. Four `<rect>` elements are positioned at specific x and y coordinates with fixed heights and widths, creating a static visualization. The chart is rendered directly in an `index.html` file, with the SVG canvas set to 960 by 500 pixels and a body margin of zero. The code encodes all values manually, offering a minimal, non-interactive example of SVG fundamentals.

Wwspwll@gmail.com

91% match

Loading thumbnail…

Pseudo Bar Chart

A pseudo bar chart presents five vertical bars of varying heights as solid black rectangles against a white background, suggesting categorical data through minimal visual encoding. Built with raw SVG elements, the chart uses five `<rect>` shapes positioned at increasing x-coordinates, with heights ranging from 400 to 150 pixels to imply descending values. The code renders directly in the browser without any JavaScript libraries, relying solely on static SVG markup within an HTML document. This example demonstrates a hand-crafted, design-focused approach to bar chart construction, prioritizing visual clarity over data-driven generation.

Ttverdone

90% match

Loading thumbnail…

Pseudo bar chart

Four dark rectangles of varying heights sit on a black background, resembling bars in a chart. The shapes are drawn as SVG `path` and `rect` elements, layered over a white `rect` that covers the entire 960 by 500 viewport. Created with static SVG markup, this pseudo bar chart uses simple geometric primitives to suggest a categorical comparison without depicting actual data values.

WWasanta Pruttisarikorn

90% match

Loading thumbnail…

Pseudo Bar Chart

Four simple SVG rectangles form an approximate bar chart, creating a pseudo-visualization of categorical values. The chart uses hardcoded coordinates and heights to simulate bars of varying magnitudes, with no axes or labels. Each rectangle is drawn directly via SVG `rect` elements inside an inline `<svg>` tag, with positioning and dimensions set manually. The rendering relies purely on static SVG markup with no JavaScript libraries, CSS styling only affecting the page body, and the bars arranged horizontally across a 960 by 500 pixel canvas.

Aajoua

90% match