Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pseudo horizontal bar chart

Public visualization

Pseudo horizontal bar chart

0 stars1🌍 Public
NNico-Nico
Last edited Dec 31, 2022
Created on Dec 31, 2022
Forked from Pseudo bar chart

This pseudo horizontal bar chart is a static SVG composition built directly in HTML. Four labeled bars (A, B, C, D) extend from a common left margin, each with a fixed height and varying widths to represent distinct magnitudes. The visualization relies on raw SVG `<rect>` and `<text>` elements styled with CSS, including a custom Share Tech font. A hover effect is applied to a small circle, changing its fill and stroke color via a CSS transition, though the chart itself is non-interactive.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed