Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactions with React.js

Public visualization

Viewing a saved revision (read-only)

a6e3ec766eea4948a25c99c90499d595

Interactions with React.js

0 stars0🌍 Public
Ggabrielribeirob
Last edited Nov 11, 2021
Created on Nov 11, 2021

This example demonstrates a minimal interactive visualization built with React and ReactDOM, rendering a single SVG circle centered in the browser window. The circle’s position and radius are computed from the window’s dimensions using `window.innerWidth` and `window.innerHeight`. The code uses the React 16.9.0 UMD production builds loaded via `unpkg.com`, and the SVG circle is drawn directly through React’s JSX syntax. The example serves as a basic template for combining React’s declarative UI model with static SVG vector graphics.

AI-generated description