Sahiljaju

@Sahiljaju·2 public vizzes

Making face with js

This example builds a full-screen smiley face using React and SVG. It calculates the center of the window and positions a yellow circle with a black stroke as the face, plus two smaller circles for eyes, all within a single SVG element. The code uses React’s JSX syntax to declaratively define the SVG elements and applies a transform to translate the origin to the center of the viewport. The face size adapts to the browser window’s dimensions.

Nov 27, 2021

Loading thumbnail…

Face maker

This face maker example demonstrates how a minimal SVG circle can serve as the foundation for creating a face, rendered directly in the browser. The single `<circle>` element is positioned with a radius of 100 units inside an `<svg>` container. While the current code only renders the basic circle shape, the structure suggests a starting point for adding facial features like eyes and a mouth. The implementation uses plain HTML and inline SVG, with no additional JavaScript libraries or data sources beyond the static markup.

Nov 27, 2021