Caroline Ghisolfi

@carolineeghisolfi·2 public vizzes

Fork of Smiley Face Part IV

This example shows a stylized smiley face drawn in SVG, with a yellow circular head, black outline, two eyes, and a curved mouth. It is built as a React component that renders the face using D3’s `arc` generator to compute the mouth path and standard SVG circle elements for the head and eyes. The code relies on React 16.9 and D3 v5, with the `arc()` API configured with inner and outer radii and start/end angles to create the smile. All elements are centered within a 960×500 viewport.

Jun 15, 2024

Loading thumbnail…

Fork of Smiley Face Part II

A yellow smiley face is rendered centered on a responsive full-window SVG canvas, with two fixed-position eye circles and a head radius that adapts to the viewport height. The visualization uses React 16.9 to declare the SVG elements via JSX, leveraging `window.innerWidth` and `window.innerHeight` for sizing, while the head’s stroke and fill are set inline. The implementation demonstrates basic React component rendering with dynamic geometry, though it omits a mouth and animates no features.

Jun 15, 2024