Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pseudo Bar Chart (Horizontal)

Public visualization

Viewing a saved revision (read-only)

38bc9eeb02844140b4bfa8e5aab20430

Pseudo Bar Chart (Horizontal)

0 stars1🌍 Public
Hhquazza@gmail.com
Last edited Dec 9, 2024
Created on Dec 9, 2024

This example displays a horizontal pseudo bar chart with five rounded bars of varying lengths. The bars are drawn as SVG `<rect>` elements within an `<svg>` container, with one bar highlighted in purple and the rest in gray. The chart includes text labels on the left side, rendered as SVG `<path>` elements, which appear to be custom-drawn glyphs rather than standard text nodes. The visualization is implemented using raw SVG markup in a React component, without any additional data visualization libraries.

AI-generated description

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

See also React Starter.