Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pseudo Bubble Chart

Public visualization

Viewing a saved revision (read-only)

456f880d7e4e47beb69f0f674ad03558

Pseudo Bubble Chart

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

This pseudo bubble chart demonstrates a scatterplot-style visualization where circles of varying sizes represent data points along x and y axes. The visualization uses React to render an SVG scene containing multiple gray circles and one prominent purple circle, with axis labels and grid lines provided by plain SVG elements. The code utilizes standard SVG primitives such as `<circle>`, `<line>`, and `<rect>` within a fixed viewBox, while CSS styling controls the text appearance for axis tick labels.

AI-generated description

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

See also React Starter.