zaaaza

@zaaaza·2 public vizzes

Fork of React Starter

This example shows a single yellow circle centered on a 960 by 500 SVG canvas, with a thick black stroke and no accompanying data. The circle’s radius and position are computed from the canvas dimensions, and the stroke width is set to 30. Built with React and ReactDOM, the visualization defines the SVG markup directly in a JSX component and renders it into the page’s root element. The code uses React’s `ReactDOM.render` to display the SVG, with all geometry hard-coded in the component.

Jun 21, 2022

Loading thumbnail…

Hello HTML

This example shows a simple static SVG face made of three circles—two small eyes and a large yellow head—rendered on a 960-by-500 canvas. The code uses React 18 via a UMD script, though the bundle is not loaded, and relies on inline SVG elements for drawing without any data or interaction. The page intentionally mixes plain HTML, CSS for margin reset and overflow hiding, and a placeholder JavaScript file that logs to the console. It demonstrates minimal SVG structure within a React setup, with no dynamic behavior or external libraries beyond React’s basic import.

Jun 21, 2022