Fork of project-1

100%

Fork of project-1

✓ Published0🌍 Public

Last edited Feb 19, 2024

Created on Feb 19, 2024

A simple React application renders a static SVG face composed of a large yellow circle for the head, two smaller circles for eyes, and a black stroke outline. The code uses `ReactDOM.render` to mount a JSX component onto a root element, while the SVG elements are defined directly in the HTML. The example demonstrates basic React integration with SVG rendering, though the React component itself only outputs a heading.

AI-generated description

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

89% match

Loading thumbnail…

Fork of Hello HTML

This example displays a static SVG face composed of three circles—two small eyes and one large yellow head with a black outline—rendered inside a React application. The visualization is drawn directly in the `index.html` file using SVG markup, while the React component `App.js` renders a simple text heading. The code uses React 18.2.0 and the `createRoot` API from `react-dom/client` to mount the application. The SVG output is embedded in the HTML body alongside the React-generated content, making the face the primary visual element.

Aandy

88% match

Loading thumbnail…

Fork of Hello HTML

A minimal React application renders a static SVG face: a yellow circle with a black outline, two smaller unfilled circles as eyes, and no interactive behavior. The page loads React 17 and ReactDOM from unpkg CDN links in index.html, while index.js simply imports both libraries and logs "hi" to the console. The visualization demonstrates basic SVG shape composition within a React setup, using hardcoded coordinates and radii for the circle elements.

FFrank Vamos

87% match

Loading thumbnail…

Fork of Fork of HTML Starter 1

This example shows a static SVG face composed of three circles: a large yellow head and two smaller eyes. The rendering relies on React 16 via production UMD builds of `react` and `react-dom`, which are loaded from unpkg. The SVG markup is placed directly in the HTML body, while the accompanying `index.js` merely imports React and ReactDOM and logs the latter to the console. No interactive behavior or data-driven updates are present, as the visualization is entirely hard-coded in the markup.

Hharshulverma99@gmail.com

87% match

Loading thumbnail…

Fork of HTML Starter

This example presents a simple SVG face rendered with React and ReactDOM. The code defines a yellow circle with a black stroke to form the head, and two smaller circles for eyes, using fixed dimensions and coordinates within an SVG canvas. React elements are created using JSX and mounted to the DOM via `ReactDOM.render`, while the page loads React from unpkg CDN links. The visualization demonstrates basic SVG circle primitives and React component structure without interactive behavior or external data.

RRonanCurbe10

87% match

Loading thumbnail…

Fork of Hello HTML

This example shows a static SVG illustration of a face composed of three circles—two yellow eyes and a large coral circle—set on a light pink background, alongside a React-rendered heading. The page combines React 17 and react-dom 17 to inject an `<h1>` element into a root div, while the SVG markup resides directly in the HTML. The code demonstrates a minimal React setup with a plain SVG drawing, rendering shapes without interaction or data transformation.

HHimanshu Bisht

87% match

Loading thumbnail…

Fork of Hello HTML

A static SVG face, rendered from hardcoded circle elements in the index.html body, displays a yellow head with a black outline and two black eye circles. A React root element exists on the same page, though its JavaScript contains a typo—calling `ReactDOM.reder` instead of `ReactDOM.render`—so the JSX `<h1>Hello JSX</h1>` does not mount. The example pairs plain SVG markup with the React 18 UMD libraries loaded via CDN, but the drawing itself does not rely on the framework. The SVG uses explicit pixel coordinates for its shapes.

NNekosink

87% match

Loading thumbnail…

Fork of Hello HTML

This example uses React and ReactDOM to render a static SVG scene of a yellow circle with a black outline and two smaller black circles positioned as eyes, creating a simple face. The SVG elements are defined directly within a React component and mounted into the DOM via ReactDOM's `render` method. The code also logs the React and ReactDOM objects to the console. The visualization relies on SVG's basic shape primitives (`circle` with `r`, `cx`, and `cy` attributes) and does not incorporate any external data or interaction.

KKay Nguyen

87% match