Pseudo Bar Plot

100%

Pseudo Bar Plot

✓ Published1🌍 Public

Last edited Dec 1, 2022

Created on Dec 1, 2022

This pseudo bar plot approximates a traditional bar chart using four wide, dark rectangles of varying heights arranged across a 960 by 500 SVG canvas. The rectangles, positioned at increasing x-coordinates with decreasing y-coordinates, visually suggest quantitative categories without any axes, labels, or data encoding. The rendering relies entirely on raw SVG `rect` elements defined in the HTML, without employing any external JavaScript libraries like D3 or Three.js. The design focuses solely on the geometric silhouette of bars, leaving all chart context and semantic information absent.

AI-generated description

An approximation of a bar plot

MIT Licensed

Similar vizzes

Loading thumbnail…

Pseudo bar chart

This SVG-based pseudo bar chart approximates a standard bar chart without using any charting library, instead relying on hand-coded SVG `<rect>` elements. It displays four vertical bars of varying heights and equal widths, positioned along the x-axis with distinct y-coordinates and heights to suggest categorical data. The code uses plain SVG markup within an HTML file, with a fixed viewport of 960 by 500 pixels and no axes, labels, or gridlines, prioritizing visual similarity over statistical accuracy. The rendering approach is direct and minimal, with each rectangle explicitly defined via its `x`, `y`, `width`, and `height` attributes.

NNikki Masroor

91% match

Loading thumbnail…

Pseudo Bar Chart

Four unlabeled rectangles of varying heights approximate a bar chart, with no axes, tick marks, or data labels. The SVG markup uses static `rect` elements with fixed `x`, `y`, `width`, and `height` attributes positioned across a 960 by 500 canvas. The rendering relies solely on raw SVG shapes without any JavaScript or visualization library, presenting a minimal, hand-coded stand-in for a conventional bar chart.

Llili463e

91% 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

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

Loading thumbnail…

Pseudo Bar Chart

The pseudo bar chart displays four vertical rectangles of varying heights and positions, approximating a scatter plot through bar-like shapes. Each rectangle is drawn as a raw SVG `<rect>` element with fixed x, y, width, and height attributes, directly embedded in the HTML without any scripting or data-binding logic. The rendering relies on static SVG coordinates, and the chart is presented on a blank canvas with no axes, labels, or interaction. The file uses inline SVG within an HTML document, and the visualization is purely declarative, showing only the styled rectangles without any additional charting library or computed data source.

PPrince Kumar

90% match

Loading thumbnail…

Psudo Barplot 1

This example shows a simple bar chart with four bars of varying heights, rendered directly as SVG rectangles using HTML markup. Each bar is drawn with hard-coded x, y, width, and height attributes, without any JavaScript or data-binding library. The y-coordinate for each rectangle starts from the top of the 960×500 viewport, meaning taller bars extend downward. The visualization relies solely on inline SVG elements within the HTML file, with a minimal CSS reset to remove page margins and hide overflow.

Ppanthabuddhi@gmail.com

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

89% 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

89% match