Skip to main content
SimilarExport ZIP
100%

Fork of Hello HTML

✓ Published0🌍 Public
LLiam ODonnell
Last edited Jul 30, 2024
Created on Jul 30, 2024
Forked from Hello HTML

A yellow face with black outline and two black eyes is drawn as static SVG shapes in a React-powered page. The code uses raw `<circle>` elements for the face and eyes, with React loaded from a CDN via `unpkg`. The SVG canvas is 960 by 500 pixels, and the example serves as a minimal starter for building interactive faces.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

A static SVG face rendered with React and raw SVG elements. The code uses React to manage the SVG structure, drawing a yellow circle for the face, black strokes for borders, and two smaller circles for eyes. The example demonstrates basic SVG shapes and React integration, with the SVG output displayed directly in the HTML page. It uses React 16.9.0 from a CDN and relies on native SVG attributes like `cx`, `cy`, `r`, and `fill`.

11G4S
95% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow face with two black eyes rendered as SVG circles on a white background. The face is drawn directly in the HTML markup using the `circle` element, with fixed positions and radii for the head and eyes. The page imports React 16.9.0 from a CDN and logs the React object to the console in `index.js`, though the visualization itself does not rely on React for rendering. The SVG canvas is set to 960 by 500 pixels, and the body margin is zeroed for a clean display.

LLuisEFerreira1998@gmail.com
94% match
Loading thumbnail…

Fork of Hello HTML

A smiling face drawn in React and SVG, rendered as a static visualization of yellow and black circles on a 960x500 canvas. The face consists of a large filled circle for the head and two smaller circles for the eyes, demonstrating basic SVG shape composition. The code loads React 18 via UMD, uses inline JSX-free SVG elements within the HTML, and logs a message to the console. The example serves as a minimal starting point for combining React with SVG for data-driven graphics.

VVageesh Hegde
94% match
Loading thumbnail…

Fork of Hello HTML

This example displays a static yellow face composed of three SVG circles, with a black outline and two small circles for eyes, rendered on a 960 by 500 canvas. The page loads the React library from a CDN, and the code logs the React object to the console. The visualization is built directly with inline SVG markup in the HTML body, while a separate JavaScript file simply executes the same console log command, demonstrating a minimal integration of React alongside an SVG drawing.

Ssean.smith@artifact.io
94% match
Loading thumbnail…

Fork of Hello HTML

A static SVG face rendered with React, showing two eyes and a smiling mouth on a yellow circle against a black outline. The example demonstrates minimal React integration with the DOM, using the `react.production.min.js` library via a CDN script tag. The drawing is hardcoded in JSX-like SVG markup, with circle elements for the facial features. It serves as a bare-bones starting point for embedding React in HTML, with a console log statement and no interactive behavior beyond the initial render.

KKyle Cureau
94% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with two black eyes rendered as an SVG face on a 960-by-500 canvas. The static drawing is built directly with SVG `circle` elements, while React 16.7.0 is loaded from unpkg and logged to the console, demonstrating a minimal integration of the library with plain HTML. No interactive behavior or data binding is implemented.

Ggzm17
94% match
Loading thumbnail…

Fork of Hello HTML

This example shows a cheerful, geometric face built from three SVG circles rendered inside an HTML page. The yellow circle serves as the head, with two smaller black circles as eyes, all drawn on a 950 by 450 canvas. The code uses plain React 18 via a UMD production build and directly manipulates SVG elements, such as `<circle>`, without any additional visualization libraries. It relies on static attributes like `r`, `cx`, and `cy` to position the shapes.

SSagar Saxena
94% match
Loading thumbnail…

Fork of Hello HTML

A smiling face rendered as a static SVG graphic inside an HTML page. Drawn with React and ReactDOM, the code creates a yellow circle with a black outline for the head, two black circles for eyes, and no other facial features or animations. The visualization is a basic example of using React’s component model to declaratively define SVG shapes. The page loads React from a CDN and renders the graphic directly into a div, demonstrating a minimal setup for SVG drawing.

NNoah Onyejese
93% match