Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pseudo Bar Chart

Public visualization

Viewing a saved revision (read-only)

1dfcce5691514c13aa245af6cf810a13

Pseudo Bar Chart

0 stars3🌍 Public
Ssz2036
Last edited Jan 31, 2023
Created on Jan 28, 2023
Forked from SVG fundamentals

A pseudo bar chart displays categorical data as horizontal bars with varying widths to imply values. Each bar is drawn as an SVG `<rect>` element, with a dark background and distinct fill colors including gold, green, white, maroon, and a blank entry. The chart renders entirely through static SVG markup, without any data-binding or interaction libraries, and uses the Aboreto font for category labels (A through E) via Google Fonts. The code relies solely on native SVG elements and CSS transitions for styling, presenting a minimal, non-dynamic visualization.

AI-generated description

Bar Chart