nmaryam

@nmaryam·2 public vizzes

Fork of Smiley Face Part III

This example renders a smiling face as a React component, using D3’s `arc` generator to draw the mouth as a stroked path. The SVG contains a large circle with a linear gradient fill (from yellow to dark green) and a black outline, plus two fixed-position eye circles. All geometry is computed from constants for width, height, and offsets, and the entire graphic is centered via a translated `<g>` element. The code combines React’s declarative JSX with D3’s shape utilities to produce a static, vector-based illustration.

Jul 2, 2021

Loading thumbnail…

Fork of Hello HTML

This example displays a single large yellow circle with a black outline, centered on a 960-by-500 SVG canvas, and a smaller unfilled circle positioned to its upper left. The page uses plain HTML with inline CSS to remove all margins and hide overflow. The graphic is drawn using SVG elements directly in the markup, with a yellow fill, a 10-pixel black stroke, and a second circle that inherits the default black fill. No external libraries are used; the visualization relies solely on basic SVG and HTML structure.

Jul 2, 2021