panpapap

@panpapap·2 public vizzes

Let's Make a Face Part I

This example renders a static smiley face using React and SVG, with a yellow circular face, two eyes, and a partially drawn mouth. The code defines the SVG shapes directly in the JSX markup, using explicit `cx`, `cy`, `r`, and `stroke` attributes for the circle elements. It imports React and ReactDOM, and mounts a simple `<App />` component into the `#root` div, while the embedded YouTube video in the README demonstrates the intended interactivity. The visualization relies on React’s declarative component structure to produce the final SVG output.

Apr 20, 2021

Loading thumbnail…

Hello HTML

This example shows a simple smiley face drawn as three SVG circles: a large yellow head with a black outline and two smaller black eyes. It is a minimal HTML page that demonstrates basic vector graphics without any external libraries or data sources. The rendering relies entirely on the browser’s native SVG support, with circles positioned using explicit `cx`, `cy`, and `r` attributes inside a fixed 960×500 viewport. The page uses inline CSS to remove margins and hide overflow, keeping the graphic centered and unobstructed.

Apr 19, 2021