Skip to main content
100%

Pseudo Horizontal Bar Chart

✓ Published1🌍 Public
Vvschan2
Last edited Jan 29, 2024
Created on Jan 29, 2024

This example shows a pseudo horizontal bar chart comparing four labeled values, A through D, as red rectangles of varying widths. Drawn entirely with raw SVG elements, each bar is a `<rect>` with a fixed height and hover effect that transitions its fill from red to orange via CSS. Category labels are plain `<text>` elements aligned to the left. The visualization relies on explicit width and x/y attributes rather than a layout library, and uses the Montserrat web font for typography.

AI-generated description

An approximation of a horizontal bar chart.

MIT Licensed

Similar vizzes