Rhafly Alfiansyah

@rhaflya·3 public vizzes

Fork of Smiley Face Part II

This example renders a full-screen smiley face using React and SVG. The face is centered, with a yellow circle for the head, two black eyes, and a wide mouth, all sized dynamically based on the browser window dimensions. It uses React’s `ReactDOM.render` to mount the component and constructs the SVG elements with JSX, applying transforms for positioning. The code employs React 16.9 and sets stroke widths and radii as variables, though no mouth is drawn in the final output.

Jun 22, 2021

Loading thumbnail…

Fork of Hello HTML

This example demonstrates a minimal React application that imports the library and logs it to the browser console. The page itself contains no visual content, only an empty HTML body with a title. The code uses `React` via `console.log(React)` in `index.js`, while `index.html` provides the bare-bones document structure. The rendering approach is entirely console-based, showing how React can be loaded and referenced without any UI components or data visualization.

Jun 22, 2021

Loading thumbnail…

Fork of Hello HTML

This example shows a nearly empty HTML page with only a title, "Fork of Hello HTML," and no visible content or interactive elements. It is a minimal demonstration of an HTML document structure, using standard HTML tags like `<!DOCTYPE html>`, `<html>`, `<head>`, and `<body>`. The code does not load any external libraries or use any JavaScript APIs, such as D3 or Canvas, for rendering. Instead, it relies solely on the browser’s built-in HTML parsing to display a blank page, serving as a starting point for more complex visualizations.

Jun 21, 2021