Abdullah Mobeen

@aybidi·2 public vizzes

Smiley Face Part 1

This visualization displays a yellow circle with a black outline centered on an SVG canvas, representing the initial stage of a smiley face. It is built with React and rendered as an SVG element, using the `react` and `react-dom` libraries. The code defines a single circle via SVG properties like `cx`, `cy`, `r`, `fill`, and `stroke`, with the drawing logic encapsulated in a React component and mounted to a root div. The example demonstrates a straightforward, declarative approach to vector graphics within a React framework.

May 18, 2021

Loading thumbnail…

Fork of Hello HTML

This fork displays a simple, static SVG composition: a large yellow circle framed by a black outline, with two smaller black-outlined circles positioned inside it to suggest a face. The code directly defines the shapes using inline `circle` elements with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes, all placed within an `svg` tag sized at 960 by 500. The rendering relies purely on native SVG, with no external libraries or JavaScript, and the page’s `body` style eliminates margins to present the artwork edge-to-edge.

May 15, 2021