adnankiani91@gmail.com

@adnankiani91·3 public vizzes

Fork of Smiley Face Part III

A blue smiley face with black stroke outline, two eyes, and an upward curved mouth rendered as SVG. The face is centered on a 960 by 500 canvas. The visualization uses React components to define the SVG elements and D3’s `arc` generator to create the mouth path. The face, eyes, and mouth are positioned via a central `g` transform using D3’s coordinate calculations and React’s JSX syntax, with styling controlled by inline attributes.

Jan 20, 2025

Loading thumbnail…

Fork of Smiley Face Part II

A React and SVG face renders a large blue circle with two black eyes, centered and scaled to the browser window’s full dimensions. The face uses D3’s `arc` import, though no arcs are drawn; instead, circles define the head and eyes via `d3` helper functions. The component calculates positions from `window.innerWidth` and `window.innerHeight`, and the rendering logic uses ReactDOM to mount the SVG onto a root element. The code omits a mouth, showing only the head and eyes as static elements.

Jan 20, 2025

Loading thumbnail…

Fork of Hello HTML

This example renders a simple yellow smiley face as a static SVG graphic. The circular face is drawn with a yellow fill and a black outline, and the code is incomplete, as the center coordinates and radius are partially defined. The visualization uses React with the ReactDOM library, mounting an SVG element directly onto a root node. The chart is a single circle element with fixed dimensions, derived from a source file that is part of an ongoing project. The rendering approach relies on SVG within the React framework, and the code currently lacks the complete facial features.

Jan 20, 2025