AliKhanShujat

@AliKhanShujat·2 public vizzes

Fork of Let's Make a Face Part I

A React application renders a smiley face as a static SVG graphic, showing two black eyes on a yellow circular head with a black outline. The components are built using React’s `createElement` syntax within JSX, and rendered into the DOM via `ReactDOM.render`. The layout is computed from fixed constants for canvas width, height, center coordinates, and eye offsets, with SVG circle elements specifying positions and radii. The project uses React 17 and ReactDOM, with the visualization serving as an introductory exercise in declarative SVG drawing.

Mar 16, 2021

Loading thumbnail…

Fork of Hello HTML

This example presents a static, hand-coded SVG scene of a yellow face with a black outline and two dark eyes, drawn directly in HTML without any JavaScript libraries. The code uses SVG circle elements with explicit pixel coordinates and styling attributes, including fill colors, stroke properties, and radius values, all embedded within a simple HTML page. The rendering approach is purely declarative, with no data binding or interactivity, and the layout is fixed to a 960×500 viewport. It demonstrates how raw SVG shapes can be manually composed to form a recognizable figure.

Mar 16, 2021