MMMRepa

@MMMRepa·2 public vizzes

Fork of Hello HTML

This example renders a static SVG smiley face using React and raw HTML. The visualization displays a large yellow circle with black stroke as the face, two smaller black circles for eyes, and no visible mouth. The code creates the graphic through inline SVG elements embedded directly in the page body, with React imported but only logging to the console. The rendering approach relies on basic SVG shapes like `circle` rather than any data-driven logic or interaction.

Jan 31, 2022

Loading thumbnail…

Fork of Let's Make a Face Part I

This visualization displays a simple smiley face using basic SVG shapes: a yellow circle for the head and two smaller black circles for eyes. The code defines the elements directly in the HTML markup, using SVG properties like `cx`, `cy`, and `r` to position and size each circle. The head is centered at 480,250 with a 245-pixel radius and a 10-pixel black stroke, while the eyes are placed symmetrically at 350 and 600 on the x-axis. No JavaScript libraries or data sources are involved; it relies solely on static SVG rendering.

Jan 31, 2022