benpiel

@benpiel·2 public vizzes

Smiley Face Part II

This example shows a stylized yellow smiley face composed of SVG shapes, centered on a 960 by 500 canvas. It uses React to render the markup and D3 for drawing, with a d3 arc defining the mouth path. The face includes two eyes with pupils, and the code relies on ReactDOM to mount the application into the page.

Jun 6, 2021

Loading thumbnail…

letssee

A yellow smiley face rendered as an SVG, centered on a 960x500 canvas. The face shows a wide, open mouth and two black eyes, built with React components and D3’s `d3.arc` path generator for the mouth shape. The SVG uses circles for the head and eyes, with explicit stroke and fill styling. The code loads React 16 and D3 v5 from CDN and renders the static graphic without interaction or animation.

Jun 6, 2021