Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Javascript inside html

Public visualization

Viewing a saved revision (read-only)

dc2c1f1dd03a4400b33a37bf7b93c9c2

Javascript inside html

0 stars0🌍 Public
NNita
Last edited Feb 21, 2020
Created on Feb 21, 2020

A minimal React visualization renders a single magenta circle inside an SVG canvas, demonstrating how to embed JavaScript logic directly within HTML markup. The component defines an SVG width of 960 pixels and height of 500 pixels, positioning the circle at coordinates (100, 100) with a 20-pixel radius. A for loop generates console output of numeric values, though these calculations do not affect the visual output. The example uses React 16.10.0 with ReactDOM to mount the SVG element into the DOM, highlighting basic SVG rendering within a React component structure.

AI-generated description

React Starter code.