cidtalbot

@cidtalbot·2 public vizzes

Visage Souriant avec React et D3

This example depicts a stylized smiling face built entirely with SVG elements. Using React components for structure and D3’s `arc()` generator for the mouth curve, it renders a gradient-filled elliptical head, two white eyes with crimson-ringed irises, and a rounded smile. The face is centered via SVG transforms, with fixed dimensions (960×500) and hand-coded constants for radii and offsets. D3 v7 supplies the arc path, while React 16.7 manages the declarative SVG tree. The visualization demonstrates how geometric primitives and math-based path generation combine into a playful, static composition.

Oct 16, 2021

Loading thumbnail…

Fork of HTML Starter

This fork of the HTML Starter renders a smiling, nearly smiling face using inline SVG shapes. It shows a large yellow circle with a black stroke as the head, and two smaller dark circles positioned inside as eyes. The graphic is centered on a 960 by 500 canvas with body text set to a 13em font, though the text is not visible. The example uses raw SVG elements—`<svg>` and `<circle>`—styled with a CSS rule that applies color to SVG circles. The rendering is purely vector, defined directly in the HTML, with no external data or JavaScript libraries involved.

Oct 16, 2021