Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pseudo Horizontal Bar Chart

Public visualization

Viewing a saved revision (read-only)

069d239ae2024fa2892b6bc639dcd93f

Pseudo Horizontal Bar Chart

0 stars0🌍 Public
Iissam.benabid@gmail.com
Last edited Jan 5, 2023
Created on Jan 5, 2023
Forked from HTML Starter

This example presents a pseudo horizontal bar chart where three labeled bars (A, B, C) are drawn as filled black rectangles of varying widths, with large text labels positioned to their left. The visualization uses only raw SVG elements—`rect` and `text`—inside an inline `<svg>` tag, with no JavaScript or data-binding logic. The bars are hardcoded in the markup, and the chart relies on CSS (including the Share Tech font) and the SVG coordinate system to position elements, with commented-out path data suggesting an alternative icon-based labeling approach.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.