Zahid

@zahidulabedin·2 public vizzes

Smiley Face Part 1

A smiley face rendered with SVG elements in a React component, using D3's `arc` generator to create the mouth. The face consists of a yellow circle for the head with a black stroke, two smaller circles for eyes, and a D3-generated arc path for the mouth. Dimensions are calculated from fixed width and height constants, with the head radius derived from the center Y position and stroke width. The example demonstrates combining React's declarative JSX with D3 utilities for geometric path generation.

Feb 28, 2021

Loading thumbnail…

Fork of Hello HTML

A single circle floats in a blank, 960 by 500 SVG canvas, set against a hidden-overflow body. The example demonstrates the minimal structure of an HTML page rendering vector graphics, using a raw SVG `<circle>` element with a radius of 200 but no fill or stroke. The code relies on inline CSS for layout and the embedded SVG API to define the shape. No external libraries or data sources are present; the visualization is a bare-bones demonstration of static SVG markup.

Feb 27, 2021