Skip to main content
SimilarExport ZIP
100%

Document

✓ Published0🌍 Public
RronnGh
Last edited Aug 24, 2021
Created on Aug 24, 2021
Forked from Hello HTML

This example displays a static, SVG-based “document” visualization: a yellow circle with a black border and two smaller black circles positioned as eyes. The markup is defined directly in the HTML, while the page also loads React 17 and D3 v7. The code imports React and ReactDOM in `index.js`, though their primary output is a console log, and SVG shapes render without JavaScript-driven updates.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Document

This example displays a static SVG drawing of a yellow circle with a black outline, containing two smaller gray circles positioned to resemble a face, overlaid on a React-rendered "Hello" heading. The SVG markup defines the shapes directly in the HTML, while React 18 and ReactDOM render the text content into a separate root element. The page uses inline CSS to remove margins and hide overflow, and the script logs the React object to the console without additional interaction or data processing.

WWilliam Cheung
89% match
Loading thumbnail…

Document

This example shows a simple static face composed of a yellow circle with black eyes, rendered directly into an SVG element on an HTML page. The page loads the React library via a CDN, though the code does not use React components, and includes a small JavaScript script that logs a message to the console. The SVG uses basic positioned circles with fill and stroke attributes to create the visual, with the body styled to remove margins and disable scrolling.

Lloknoe
87% match
Loading thumbnail…

Document

This example shows a static SVG face with two blank eyes and a yellow circle, rendered above a React-mounted heading. The page loads React and ReactDOM via UMD builds from unpkg, while the SVG elements are hard-coded directly in the HTML. The React app uses `ReactDOM.render` to display a simple "Hello JSX" message, but the SVG face remains independent of React state or interaction. The visualization demonstrates basic SVG shape composition without any data binding or dynamic updates.

Aaakarshgoel01
87% match
Loading thumbnail…

Document

This example shows a static SVG face composed of three circles: two small black circles for eyes and one large yellow circle with a black outline for the head. The page embeds the React libraries via CDN and logs a greeting to the browser console. It renders the shapes directly in the HTML markup using standard SVG elements like `circle`, with fixed pixel coordinates and styling controlled by inline attributes. The accompanying CSS hides page scrolling for a clean, full-viewport presentation.

Bbelegic1
87% match
Loading thumbnail…

Document

A minimal React page displays a yellow SVG face with black outlined eyes on a 960 by 500 canvas. The static composition uses hardcoded circle coordinates within the SVG markup. React and ReactDOM are loaded from CDN, while the code logs ReactDOM to the console but only renders a placeholder root element. No interactive behavior or data binding occurs beyond the initial mounting.

Kkelleyjn
86% match
Loading thumbnail…

Document

A yellow face rendered in SVG uses React to draw a centered circle for the head, two offset black circles for the eyes, and a D3 arc path for the mouth. The code sets explicit width, height, and stroke properties, translating the drawing group to the center of the viewport. It demonstrates basic geometric composition with d3.arc for the curved mouth shape, all rendered within a fixed 960 by 500 coordinate space.

TThandolwethu Shakes Dlamini
84% match
Loading thumbnail…

Document

This example shows a simple yellow smiley face rendered as three SVG circles on a black-outlined background. The static visualization uses hard-coded coordinates and radii, with two small black circles for eyes and a larger filled circle for the face. The page is built with React 18.1.0, loaded from a UMD CDN, and draws directly to an inline SVG element using basic circle attributes like `cx`, `cy`, `r`, `fill`, and `stroke`. No data source or interactive behavior is present.

NNikkko1
84% match
Loading thumbnail…

Document

This example shows a single-frame composition of three simple SVG circles: a large yellow circle with a black outline at the center, and two smaller unfilled circles positioned diagonally to its upper left and upper right. It is a minimal HTML page that loads the React library via a CDN but does not actually use it for rendering. The visuals are drawn directly using the SVG markup inside the page, with styling applied through inline CSS attributes for stroke width.

OObaidraj
84% match