DamianMenchaca

@DamianMenchaca·3 public vizzes

Face Continuation

This example renders a simple, stylized smiling face using SVG primitives within a React component. It shows a yellow circle with a thick black stroke as the head, an arc for the mouth generated with `d3.arc()`, and two black circles for eyes positioned with fixed offsets. The code uses React for component structure and D3 v7 specifically for the arc path, with all shapes drawn directly into the SVG container.

Jul 26, 2021

Loading thumbnail…

Nice Lady

A smiling face drawn with SVG shapes appears on a yellow circle, using React to render the graphic. The code constructs the face with d3.arc paths for the nose, mouth, and eyebrows, while circles form the eyes. D3’s arc generator defines the curved mouth and brow shapes, with coordinates manually positioned. The visualization uses D3 v7 and React 17 to produce a static, decorative character with no interactive behavior.

Jul 26, 2021

Loading thumbnail…

Nice lady

This example shows a stylized smiling face built from basic SVG shapes, with a yellow circular head, black eyes, and red arcs for eyebrows and a mouth. The face is centered within a 960x500 viewport and drawn using React components that leverage D3.js v7’s `arc()` generator to create the curved paths for the nose, mouth, and eyebrows. React 17 manages the SVG element structure, while D3’s arc API defines the radial and angular dimensions of each feature. The visualization is rendered entirely as SVG, with no external data source.

Jul 26, 2021