yosri.hammadi@gmail.com

@yosrihammadi·2 public vizzes

Fork of Hello HTML

This example demonstrates a minimal React application that renders static SVG shapes—an orange circle with two smaller black circles—directly in an HTML page. It shows how React can be used to produce SVG output without any interactive behavior or data processing. The code imports React and ReactDOM, then embeds the SVG markup directly within the JSX structure. Using the UMD builds of React 18 and ReactDOM 16 from unpkg, it renders the graphic at a fixed 960×500 viewport size.

Jun 12, 2024

Loading thumbnail…

Fork of Let's Make a Face Part I

An SVG face with a yellow circular head and two black eyes sits centered in a 960 by 500 viewport. The drawing uses basic circle elements for shapes, with a thick black stroke around the head. The code positions each eye at fixed coordinates, demonstrating simple declarative SVG markup without any JavaScript libraries or data bindings. The example is a static, hand-coded visualization that shows how geometric primitives combine to form a recognizable character.

Jun 12, 2024