carolinewarn

@carolinewarn·2 public vizzes

Fork of Smiley Face Part II

This example renders a yellow smiley face that fills the browser window using React and D3. The face is composed of SVG circles for the head and eyes, plus a D3 arc path for the mouth, all positioned relative to the viewport center. The code uses React elements with JSX and the d3.arc() API to construct the mouth’s curved shape. D3 version 5 and React 16.9 are loaded via CDN, and the visualization updates its dimensions based on window.innerWidth and window.innerHeight.

Sep 23, 2023

Loading thumbnail…

Fork of Let's Make a Face Part I

This visualization shows a simple yellow smiley face drawn with three black circles: a large face outline and two smaller eyes. The code uses React (version 18.2.0) and ReactDOM to render an inline SVG element with fixed dimensions of 960 by 500 pixels. The circles are positioned using explicit `cx` and `cy` attributes, with the face circle receiving a yellow fill and black stroke. No animation or interaction is present, and the example serves as a static demonstration of basic SVG shapes within a React component structure.

Sep 23, 2023