Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pseudo scatter plot

Public visualization

Viewing a saved revision (read-only)

e6c2bb54def44343846b5f15e0d9f36e

Pseudo scatter plot

0 stars1🌍 Public
Bbjfmbeck
Last edited Mar 8, 2023
Created on Mar 7, 2023

This pseudo scatter plot approximates a traditional scatter plot using horizontal bar rectangles as visual substitutes for data points, with labels A through E marking categorical rows. The SVG visualization emphasizes hover interaction, turning bars red when the mouse passes over them. The code relies on raw SVG elements—rect, text, and hover states via CSS—rather than JavaScript libraries or data-binding frameworks. Purple horizontal bars of varying widths suggest proportional values, while commented-out circles and vertical bars hint at alternative design explorations. The page sets a bold, tech-inspired font and hides the body margin for an immersive full-viewport rendering.

AI-generated description

An approximation of a scatter plot.