Ruggero

@buseca·2 public vizzes

Staring face

A stylized, staring face rendered as a static SVG illustration. The face features large white eyes with dark pupils, angular eyebrows, a blurred nose, and an arc-shaped mouth, all centered against a radial gradient background. Built with React and D3 v5, the code composes reusable components like `Eye`, `Mouth`, and `Face`, using D3's `arc` and `line` generators for the mouth and brows, and SVG filters for blur and drop shadows.

May 13, 2020

Loading thumbnail…

Smiley Face Part III

This example shows a smiling face rendered as an SVG graphic, featuring a yellow circular head with black outlined eyes and a curved mouth, overlaid with a gray stubble pattern on the lower face. The code uses React to define the SVG elements and D3’s `arc` generator to create the mouth path. A `pattern` defines the stubble dots, while a `clipPath` and `mask` restrict the stubble to the beard region, with all shapes positioned using absolute coordinates.

May 8, 2020