Skip to main content
SimilarExport ZIP
100%

bar chart

✓ Published1🌍 Public
RRubanda
Last edited Sep 27, 2022
Created on Sep 27, 2022
Forked from Fork of Hello HTML

This bar chart displays four vertical bars of varying heights, each represented as a black rectangle on a white background. The bars are evenly spaced, with the tallest on the left and progressively shorter bars to the right. The visualization uses raw SVG elements—specifically `<rect>` tags—to draw the chart directly within an HTML page. The page includes basic styling for margins and hidden overflow, and the SVG canvas has fixed dimensions of 960 by 500 pixels.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Pseudo Horizontal Bar

This example shows four black vertical bars of descending height arranged from left to right across a white canvas, creating a pseudo horizontal bar chart. Each bar uses an SVG `rect` element, with explicit `x`, `y`, `width`, and `height` attributes hard-coded into the markup. The rendering uses static SVG (no animation or interaction) within a simple HTML page, and the overall effect relies on the viewer’s perception of the bars as part of a single horizontal sequence. The chart is purely presentational, with no axis, labels, or data-binding logic.

RRubanda
87% match
Loading thumbnail…

Pseudo horizontal bar chart

Four dark rectangular bars on a white background create a pseudo horizontal bar chart, with each bar spanning a different width and height to suggest varying categorical values. The chart uses raw SVG shapes—`rect` and `path` elements—rather than a charting library, and the rendering relies on inline SVG attributes for coordinates and dimensions. The visualization demonstrates a minimalist, static approach to bar chart composition without interactive behavior or data binding.

WWasanta Pruttisarikorn
86% 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
85% 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
85% 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
84% 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
84% 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
84% match
Loading thumbnail…

Psuedo Bar Chart 2

This visualization presents four white rectangles of varying widths positioned against a white background, creating the illusion of a bar chart without any data axes or labels. The single SVG element contains four static `<rect>` elements at different x and y coordinates, with widths of 900, 450, 675, and 225 pixels. The code uses raw SVG markup directly in the HTML, with no JavaScript libraries or data binding, resulting in a purely declarative chart-like arrangement that mimics bars but lacks any meaningful quantitative encoding.

AAndre J Denais
84% match