AyamSrivastava

@AyamSrivastava·2 public vizzes

Lets Make A Face Part II

This example uses React and ReactDOM to render a static SVG face. The visualization shows a yellow circle with black stroke as the head, and two smaller black circles as eyes, positioned on a 960 by 500 canvas. The code directly embeds SVG elements, including circles with specific coordinates and styles, within the HTML page, while React manages the page structure. The rendering approach relies on raw SVG markup rather than a charting library.

Feb 16, 2023

Loading thumbnail…

Lets Make A Face Part I

This visualization shows a simple cartoon face made of three black circles for the eyes and a large yellow circle for the head, all outlined with a thick black stroke. The SVG elements are positioned using fixed pixel coordinates within a 960-by-500 viewport. The code uses raw SVG circle elements and CSS to hide page margins, rendering the face directly without any JavaScript libraries or external data.

Feb 16, 2023