Minki-Lee

@Minki-Lee·2 public vizzes

Fork of Hello HTML

This example shows five identical cartoon faces arranged in a row, each rendered as a yellow circle with black outlines, two eyes, a rectangular nose, and a curved mouth. The faces are built using React components that compose SVG primitives, with geometry controlled by parameters like radius and offsets. The mouth’s arc is generated using the D3 `arc` API, while D3’s `range` creates the array of five faces. The SVG is centered via a `g` transform, and gradient definitions are included but not visibly applied.

Dec 12, 2022

Loading thumbnail…

Fork of Get It Right - 1: SVG Fundamentals

This example demonstrates SVG fundamentals through a minimalist composition of concentric circles over a vertically layered linear gradient. The code defines a multicolor gradient with abrupt color stops and applies a Gaussian blur filter, though the blur is not currently used on any visible elements. A single `<g>` group centers two overlapping circles in pale yellow against the dark purple-to-orange gradient background. The visualization uses only native SVG tags such as `linearGradient`, `feGaussianBlur`, `rect`, and `circle`, with no external libraries, highlighting basic shape rendering and fill techniques.

Dec 11, 2022