Chris Fork of Hello HTML

100%

Chris Fork of Hello HTML

✓ Published0🌍 Public

Last edited Jun 13, 2021

Created on Jun 13, 2021

This example shows a simple SVG face composed of a yellow circle for the head, two smaller circles for eyes, and a black outline, fixed at the center of a 960 by 500 canvas. The visualization is built with a bare HTML page that loads React and ReactDOM from a CDN, but the drawing itself is achieved directly through SVG markup in the `index.html` file, with no dynamic data or interaction. The accompanying `index.js` merely logs the React object, and a YouTube video is embedded in the README for reference. The rendering relies on static SVG elements rather than any charting or data-processing library.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello HTML

This example shows a simple static SVG face composed of three circles: a large yellow head with black outlines and two smaller black-outlined eyes. The visualization is rendered using a fixed 960x500 SVG element directly in the HTML body, while react and react-dom are loaded via UMD builds from unpkg. The React component in index.js mounts to the root div, though the actual drawing is handled by the raw SVG markup rather than JSX or d3. The page includes an embedded YouTube video, but the visualization itself remains non-interactive.

MMarko Sanković

90% 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

90% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple, static SVG face comprised of three circles: a large yellow head with a cyan outline and two smaller black eyes. It serves as a minimal demonstration of embedding SVG graphics directly within an HTML page. The page structure is built with basic HTML, while the React library is loaded via a script tag from the unpkg CDN. However, the rendering itself relies solely on standard SVG elements (circle) and does not utilize any React components or dynamic data.

Eeatenmoth

89% match

Loading thumbnail…

Fork of Hello HTML

This example shows a simple face-like graphic composed of three SVG circles: one large yellow circle with a black stroke for the head, and two smaller unfilled circles for the eyes. It demonstrates the most basic structure of an SVG visualization within an HTML page, using React from the UMD build loaded via a script tag. The code renders the SVG directly in the body without any React components or JavaScript execution beyond a console log of the imported React object. The rendering approach is static SVG, with no data binding or interaction.

MMeghana Bangari

89% match

Loading thumbnail…

Fork of Fork of Hello HTML

This example displays a simple, static SVG face built from two yellow circles and one black circle. The visualization shows a minimalist smiley face centered within a 960 by 500 pixel canvas, with the main face circle and a single eye rendered. The code uses React 18 and ReactDOM to render the SVG elements, with the drawing logic defined in a React component that specifies circle positions, radii, and stroke properties directly. The face is constructed using basic SVG shapes without any animation or interactivity.

Ttestingwithaws

89% match

Loading thumbnail…

Fork of Hello HTML

This example displays a static SVG face composed of three circles on a yellow background, with two smaller black circles serving as eyes beneath a larger outlined circle. It demonstrates a minimal React integration by loading React 18.2.0 from a CDN and logging the `React` object to the console. The visualization uses hand-coded SVG elements with fixed coordinates and stroke properties, rendering a simple, non-interactive figure without any data binding or animation.

Ssunyixia025@gmail.com

89% match

Loading thumbnail…

Fork of Hello HTML

A simple SVG face composed of three circles—a large yellow head with black outline and two smaller eyes—renders statically within a 960 by 500 viewport. The page loads React 17 from a CDN and includes an inline `index.js` that only logs the React object, while the SVG markup appears directly in the HTML body. No interaction or animation occurs; the example demonstrates basic declarative vector graphics embedded in a web page.

SSLO-j

89% 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

89% match