khuezy

@khuezy·3 public vizzes

Fork of Smiley Face Part III

This example uses D3 and React to build a static interactive-free SVG smiley face. The code calculates circle positions and radii from constants, and uses D3's `arc` generator to create the mouth as a path with a defined inner and outer radius. D3 defines the arc’s angular range, while React renders the SVG elements directly into the DOM. The visualization shows a classic yellow face with black outlines, eyes, and a curved smile, all positioned relative to a central point.

Sep 18, 2022

Loading thumbnail…

Fork of Smiley Face Part II

A yellow smiley face rendered as a full-screen SVG, scaled dynamically to fit the browser window. The face uses a large yellow circle with a black outline, two black eye circles, and omits a mouth. Built with React and ReactDOM, the component computes dimensions from `window.innerWidth` and `window.innerHeight` to position elements relative to the viewport center. The SVG uses nested `<circle>` elements within a transformed `<g>` group to handle responsive sizing.

Sep 17, 2022

Loading thumbnail…

Fork of HTML Starter

This example renders a simple face-like composition directly in SVG, featuring a large yellow circle with a black outline and two smaller black circles for eyes. The graphic is drawn entirely in static markup within an HTML page, using inline CSS for typography and layout, including a large centered message. No JavaScript libraries or data sources are involved; the visualization relies solely on hard-coded SVG circle elements.

Sep 17, 2022