Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

psuedo-bubblechart

Public visualization

Viewing a saved revision (read-only)

177e94e4d03c46a2883c94ee68a68681

psuedo-bubblechart

0 stars1🌍 Public
GGabriel Ing
Last edited Jun 4, 2025
Created on Dec 12, 2024

This example displays a single red circle with a dashed stroke and the text "AG(50)" beside it. The visualization is constructed using JavaScript with the D3 library, which appends SVG elements to an HTML page. The circle is centered within a 600 by 600 pixel canvas, using a stroke-dasharray to create a pseudo-bubblechart effect. The code directly manipulates SVG attributes like `cx`, `cy`, `r`, and `stroke-width` to define the graphic, with the text element positioned and styled via D3's selection and chaining methods.

AI-generated description

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

See also React Starter.