GAItingw

@GAItingw·5 public vizzes

Fork of Smiley Face Part III

A React and D3.js application renders a yellow smiley face as an SVG. The face consists of a large background circle, two smaller circles for eyes, and a mouth drawn as an arc path using D3's `arc` generator. The code defines SVG components with React and leverages D3's arc API to specify the mouth's inner and outer radii and angular extent, creating the curved smile within a centered coordinate system.

Apr 26, 2021

Loading thumbnail…

Fork of Smiley Face Part II

This example shows a smiling face constructed from scalable vector graphics, with the size and position adapting to the browser window. The face features a yellow circle with a black stroke for the head, two black eyes, a smaller nostril in the center, and a thick arc-shaped mouth. The code uses React to manage the SVG elements and the `arc()` function from `d3` to generate the mouth path. All shape dimensions, including eye offsets, radii, and stroke width, are derived from the window dimensions, making the drawing responsive.

Apr 26, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

A yellow smiley face rendered as an SVG uses React components to draw three circles: a large head and two eyes. The head’s radius and eye positions derive from the viewport dimensions (960 by 500) and preset offsets, with a black stroke defining the face outline. The code uses React’s `createElement` via JSX and renders with `ReactDOM.render`. Notably, the right eye is offset downward relative to the left, creating an asymmetrical expression that the README describes as “Half way towards a smiley face.”

Apr 23, 2021

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with two black eyes, forming a smiley-face-like figure, rendered directly in an SVG element. The code uses inline SVG markup with basic circle elements, adjusting the x-coordinates of the eye circles relative to the center to create symmetry. No JavaScript libraries or data sources are involved; the static graphic is entirely defined by HTML and CSS, with the SVG canvas set to 960 by 500 pixels. The rendering approach relies solely on native SVG attributes such as `fill`, `stroke`, and `stroke-width`.

Apr 23, 2021

Loading thumbnail…

Fork of Hello HTML

This example shows a blank HTML page with no visible content. The code defines a minimal HTML document structure with a title, “Fork of Hello HTML,” and an empty body element. It relies solely on the standard HTML markup in the `index.html` file, with no additional libraries, scripts, or styling. The page’s sole function is to render an empty browser window, as implemented through the basic `<html>`, `<head>`, and `<body>` tags.

Apr 23, 2021