0128momo

@0128momo·2 public vizzes

Smiling face PartI

This example renders a static smiling face using React and SVG. It shows a yellow circle with black stroke as the head, and two smaller black circles for eyes, positioned symmetrically on the face. The rendering approach uses plain SVG elements—`<circle>` tags—directly embedded in the HTML, with styling applied via standard SVG attributes like `fill`, `stroke`, and `stroke-width`. The code includes both a React component (`ReactDOM.render`) and minimal CSS, though the visible visualization relies entirely on the static SVG markup rather than dynamic data or interactions.

Dec 27, 2023

Loading thumbnail…

SVG-1

This example displays a collection of basic SVG shapes on an 800-by-400 canvas, including two circles, a rectangle, and a line. The shapes use various colors and stroke styles, such as a yellow rectangle with a blue border and a red circle. The page is built with plain HTML, CSS, and JavaScript, rendering entirely through the SVG API without any external charting library. The React framework is referenced in the project metadata, but the visible code relies solely on native SVG elements like `<circle>`, `<rect>`, and `<line>`.

Sep 22, 2023