Fork of Pseudo Bar Chart

100%

Fork of Pseudo Bar Chart

✓ Published1🌍 Public

Last edited May 8, 2022

Created on May 8, 2022

This is a simple SVG chart that uses filled rectangles to approximate a data visualization, resembling a scatter plot or bar chart. The rendering is achieved through hard-coded `<rect>` elements on a white background, without using any external libraries. The chart presents four distinct rectangular shapes of varying heights and positions, suggesting a comparison between different data points. A second HTML file demonstrates basic SVG shapes and CSS styling, including hover effects that change rectangle fill and stroke properties.

AI-generated description

An aproximation of a scatter plot

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pseudo Bar Chart

This example shows four rectangular bars approximating a simple bar chart, with each bar varying in height and position along the x-axis. The visualization is drawn entirely with plain SVG `<rect>` elements inside an `<svg>` tag, using hard-coded pixel coordinates for placement and sizing. No JavaScript libraries or data-binding APIs appear in the code—the chart is static and rendered directly via SVG in the browser. The styling sets the body margin to zero and hides overflow, making the chart fill the viewport without additional layout interference.

AAgilan

92% 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 Bar Chart

Five plain rectangles form a pseudo bar chart, approximating a scatter plot by using bar heights to encode data values. The SVG markup in index.html hardcodes each rectangle’s x, y, width, and height attributes, with no JavaScript or data-loading logic. The chart uses only static SVG shapes on a white background, with bars rendered in black and positioned from x=166 to x=718, yielding a simple, hand-coded visualization that relies on manual coordinate calculation rather than a layout or scale API.

Ppaddyokore39@gmail.com

91% match

Loading thumbnail…

Fork of Pseudo Bar Chart

This example approximates a bar chart using four oversized red rectangles, with each bar’s height visually encoding a value through its vertical extent. The chart is rendered as static SVG elements, with a single empty red div preceding the graphic for no apparent purpose. The code uses plain SVG `<rect>` elements for the bars and relies on hardcoded coordinates rather than a data-binding library like D3, making it a minimal, non-interactive visualization of categorical comparisons.

NNita

89% match

Loading thumbnail…

Fork of Pseudo Bar Chart

Four static black rectangles on a white background approximate a bar chart in a 960-by-500 SVG canvas. The chart shows four bars of decreasing height, with no axes or labels. The code uses plain SVG `<rect>` elements with fixed `x`, `y`, `width`, and `height` attributes, and sets the page to hide overflow via CSS. No JavaScript libraries or data sources are involved, making it a minimal, hand-coded visual mockup.

TTowlGol

89% match

Loading thumbnail…

Fork of Pseudo Bar Chart

This fork of a pseudo bar chart presents four horizontal bars of varying widths and heights, arranged vertically within an SVG canvas. Each bar is drawn as an individual `rect` element with explicit `x`, `y`, `width`, and `height` attributes, showing a simple categorical comparison. The visualization uses static SVG markup, with no JavaScript libraries or data bindings, and the layout is fixed to an A4 portrait viewBox of 210 by 297 units. The bars appear to represent approximate values, but no axes, labels, or data values are included.

WWirawan Setio Aji

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

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

87% match