Shivam-raval96

@Shivam-raval96·2 public vizzes

Fork of Let's make a face: part 3

This example shows a stylized smiley face rendered as an SVG graphic, built with React and D3 v7 in a React component. The face consists of a gold circle for the head, two black eyes, and a mouth drawn using D3’s `arc()` generator to create a half-circle path. Positioning relies on coordinates and offsets computed relative to the SVG’s center, with React managing the JSX elements and D3 handling the mouth’s arc geometry.

Dec 23, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a static smiley face built with SVG primitives: a large yellow circle for the head and two smaller black circles for eyes, all rendered on a 960 by 500 canvas. The code uses raw SVG elements—`circle` and `stroke` attributes—directly in the HTML, without any JavaScript libraries. The face is centered with the head’s radius and stroke width accounted for in the positioning, and the eyes are placed at fixed x-coordinates on either side of the center. No animation or interaction is present; it is purely a geometric composition.

Dec 23, 2021