Fork of HTML Starter

100%

Fork of HTML Starter

✓ Published0🌍 Public

Last edited Nov 11, 2021

Created on Nov 11, 2021

A yellow circle with a black outline sits centered on a 960 by 500 SVG canvas, with two smaller unfilled circles positioned as eyes. The static visualization is rendered directly in an HTML page using SVG markup, while React is loaded via a CDN but not used to generate the graphic. The page imports React and ReactDOM from unpkg, though the drawing itself is hand-coded in the markup, demonstrating a simple static SVG composition within a React starter template.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Fork of HTML Starter

A lone yellow circle with a thick black border sits centered on a blank white canvas, rendered as an SVG element within a React application. The example demonstrates the basic structure for building visualizations with React, using ReactDOM to mount the component and JSX to define the SVG circle with fixed width and height attributes. It serves as a minimal template for starting SVG-based projects.

Vverystochastic

93% match

Loading thumbnail…

Fork of HTML Starter

This example displays a simple static SVG scene: a large yellow circle centered on a 960x500 canvas, with a smaller black circle positioned near its upper edge. The code uses React 17 loaded from unpkg, logging the React object to the console. Rendering is done through raw SVG elements defined directly in the HTML, with basic CSS resetting the body margin. No interactivity or data-driven logic is present.

Sss-cmd

93% match

Loading thumbnail…

Fork of HTML Starter

This example displays a yellow circle with two black circles, resembling a face, rendered as static SVG elements over a 960 by 500 canvas. The page also mounts a separate React component that renders a large "Hello" message into a root div using ReactDOM. The React production UMD builds are loaded from unpkg, while the SVG shapes are drawn directly in the markup. The code demonstrates a minimal integration of React 18 for DOM content alongside raw SVG for fixed visual elements.

GGeorge Tanev

93% match

Loading thumbnail…

Fork of HTML Starter

This example shows a simple yellow circle with two black eyes, resembling a basic face, rendered on a 960 by 500 pixel SVG canvas within an HTML page. The drawing uses raw SVG elements—a central `<circle>` for the face and two smaller `<circle>` elements for the eyes—with hard-coded coordinates and styling via CSS. The page loads the React 18.2.0 UMD libraries and includes a JavaScript file that logs the `ReactDom` object, demonstrating a minimal setup for integrating React with static SVG graphics.

Kkousikgvs

93% match

Loading thumbnail…

Fork of HTML Starter

This example combines React and SVG to display a simple static visualization of a yellow circle with two smaller circles positioned inside it. The page renders a basic React component that outputs the text “Hello Data” alongside the SVG shapes drawn directly in the HTML markup. React 18 handles the component rendering, while CSS resets the body margins and hides overflow. The visualization does not include any interactive or data-driven behavior, serving as a minimal starter template for integrating React with SVG graphics.

PPRINCE KUMAR

93% match

Loading thumbnail…

Fork of HTML Starter

This example displays a simple SVG drawing of a yellow circle with a black outline and two smaller circles positioned inside it, rendered on a 960 by 500 canvas. The code uses plain HTML, CSS, and JavaScript, with the page structure defined in `index.html` and React loaded via a UMD script from unpkg. The SVG shapes are drawn directly in the markup, with the main circle’s fill, stroke, and stroke width set inline. The `index.js` file imports React and ReactDOM but only logs the React object to the console, indicating the visual output relies solely on static SVG elements rather than dynamic React behavior.

TTy Vile

92% match

Loading thumbnail…

Fork of HTML Starter

This visualization demonstrates a simple static SVG scene featuring a yellow circle with a black outline, flanked by two smaller empty circles, all centered within a 960x500 viewport. The page uses raw HTML and CSS to center content and hide overflow, while the SVG shapes are drawn directly in the markup. JavaScript is limited to a console log message, reflecting the starter template’s purpose of introducing basic web development with vanilla HTML, CSS, and SVG, without any external libraries or data sources.

Zzng489

92% match

Loading thumbnail…

Fork of HTML Starter

This example shows a single yellow circle with a black outline centered in an SVG canvas. The visualization is built with React and rendered as SVG, using the `ReactDOM` API to mount the component. The circle is drawn with a radius of 245 pixels on a 960 by 500 canvas, demonstrating basic SVG shapes and styling within a React framework. The code imports React and ReactDOM, and the package includes D3 as a dependency, though no D3 functions are used here.

DDusty White

92% match