Fork of Hello HTML

JJosé Antonio Sobrino Reineke

Fork of Hello Smiley HTML

This visualization displays a minimal smiley face rendered on a yellow circle with two eyes, drawn using SVG elements within an HTML page. The example demonstrates a React component that creates an SVG circle with hardcoded coordinates, while a separate static SVG outlines the face features. The code uses React and ReactDOM to mount the component into the page’s root element, with React 17 loaded from a CDN and the final bundle executed from `bundle.js`.

Fork of Hello HTML

This example displays a minimal SVG smiley face: a yellow circle with a black outline and two smaller circles for eyes, rendered inside an HTML page. The visualization uses React 18 and ReactDOM 17 (loaded via UMD) to handle a console log of the ReactDOM object, while the visual itself is drawn as static SVG markup with hardcoded coordinates and radius values. The SVG scene is 960 by 500 pixels and centers the face horizontally, with no interactive or dynamic behavior present.

NNick Zanetti

Fork of Hello HTML

A minimal React application renders a yellow smiley face as an SVG graphic, filling the browser window. The face consists of a large yellow circle with a black stroke, two small black eyes, and a simple mouth implied by the circle's outline. The code uses React and ReactDOM to create and render the SVG elements, calculating positions and dimensions from the window size. It directly manipulates SVG shapes through React's declarative component model.

SShaik Mohammad Abdullah

Fork of Hello HTML

This example demonstrates a minimal React application that renders a static SVG smiley face, consisting of a yellow circle with two black eyes, inside an HTML page. The page loads React 18 and ReactDOM from unpkg CDNs, though the JavaScript file merely logs the React object to the console. The visualization uses inline SVG markup within the HTML, with a commented-out SVG block showing the intended graphic, and a containing div where the React app would mount. The design uses simple geometric shapes—circles with explicit coordinates, radii, and fill colors—to create the face.

NNikhil

Fork of Hello HTML

This example renders a static SVG smiley face using React and raw HTML. The visualization displays a large yellow circle with black stroke as the face, two smaller black circles for eyes, and no visible mouth. The code creates the graphic through inline SVG elements embedded directly in the page body, with React imported but only logging to the console. The rendering approach relies on basic SVG shapes like `circle` rather than any data-driven logic or interaction.

MMMMRepa

Fork of Hello HTML

This visualization shows a simple smiley face composed of three circles: a large yellow head with a black stroke, and two smaller black eyes. The entire graphic is drawn as static SVG elements directly in the HTML markup. The example uses React 16.9.0, loaded via a UMD script from unpkg, though the code only logs the React object to the console and does not leverage React for rendering. The SVG canvas is 960 by 500 pixels, with the face centered and the eyes positioned symmetrically.

MMohamed

Fork of Hello HTML

This example presents a basic smiley face graphic rendered as static SVG elements within an HTML page. The visualization consists of a large yellow circle with two smaller black circles positioned as eyes, all drawn using geometric primitives. The code uses React 18.3.1 loaded from unpkg, though the visible rendering relies directly on SVG markup rather than React-generated output. The page uses minimal CSS to remove margins and hide overflow, producing a clean 960×500 display.

CChristian Larrea

Kkhairoleiman03@gmail.com

Fork of Hello HTML

This example shows a static smiley face drawn with basic SVG shapes: a yellow circle for the face and two black circles for eyes, centered on a 960×500 canvas. It is a React-based fork that loads React 18 and ReactDOM 19 via UMD scripts, while the actual rendering relies on plain SVG elements inside the HTML, with no dynamic behavior or JavaScript logic beyond importing and logging ReactDOM. The code uses hardcoded coordinates and stroke properties, not any data-driven or interactive visualization techniques.