Anuj Khare

@anujkhare·2 public vizzes

Fork of Smiley Face Part VI

A grid of eighteen randomly generated smiley faces is rendered as SVG. Built with React components and D3's `arc` generator for the mouth, each face uses randomized values for stroke width, eye offset and radius, and mouth dimensions. The `range` function from D3 creates the array of faces, which are composed from separate React components for the background circle, eyes, and mouth, all positioned within a shared `FaceContainer`.

Feb 6, 2022

Loading thumbnail…

Fork of Hello HTML

This example shows a simple smiley face rendered as an SVG using React and D3. It displays a pink circle for the face and two black circles for the eyes, all drawn with static positions and dimensions defined in JavaScript. The code uses React components with JSX to generate SVG elements, and ReactDOM renders the component hierarchy into the DOM. D3 is loaded but not actively used in the visualization, which relies entirely on SVG circle elements.

Feb 6, 2022