Marcelo Campos

@Marcelo-Lecampos·2 public vizzes

Fork of Smiley Face Part III

This example shows a smiling face built entirely from SVG shapes, centered in a 960x500 viewport. The face uses a yellow circle with a black stroke for the head, two smaller circles for eyes, and a D3-generated arc for the mouth. The visualization is rendered with React components, and the mouth’s path is computed using the D3 `arc` generator with explicit start and end angles converted from degrees to radians. React 16.9 and D3 v5 are loaded via UMD bundles, with all geometry defined by constants for positioning and sizing.

Jan 22, 2025

Loading thumbnail…

Fork of Hello HTML

A minimal HTML page displays the static text "Hello" alongside a single SVG circle without any data or interaction. The example uses a plain SVG element with a `<circle>` tag, sized in the viewport through inline CSS that removes margins and hides overflow. No JavaScript libraries or external data sources appear; the rendering relies entirely on the browser’s native SVG support, with the circle’s position and radius set directly in the markup. The page demonstrates the simplest possible SVG visualization structure within an HTML document.

Jan 22, 2025