Fork of HTML Starter

Fork of HTML Starter

This example shows a simple smiley face rendered as a static SVG graphic using React. The drawing consists of three circles: a large yellow circle for the face and two smaller black circles for the eyes, all placed within a 960 by 500 pixel SVG canvas. The code uses React and ReactDOM to render the SVG elements, with styles defined in CSS. The visualization demonstrates basic React component structure and declarative SVG circle creation without any interactive or data-driven behavior.

FFlorian Maas

Mmariacecilia.bnc@gmail.com

Fork of HTML Starter

This example shows a simple smiley face rendered as static SVG shapes, including two eyes and a yellow circle with a black outline. It demonstrates a minimal React setup where React and ReactDOM are loaded via CDN from unpkg, and the SVG is defined directly in the HTML. The code references a separate JavaScript file that logs the ReactDOM object to the console, though the face itself is drawn without any React components or dynamic behavior.

Fork of Fork of HTML Starter

This example shows a simple smiley face drawn as static SVG shapes, with a yellow circle for the face and two smaller black circles for eyes. The visualization uses React 16.13.1 and ReactDOM 18.2.0 from CDN, but the SVG markup is written directly in the HTML file rather than through JSX. The code positions the face at the center of a 960x500 viewport, with the eyes placed symmetrically around the center using hardcoded cx and cy coordinates. The rendering approach relies on basic SVG circle elements with fill, stroke, and stroke-width attributes, while the index.js file contains only a placeholder React component that is not integrated with the SVG content.

Vvan.dao.t@gmail.com

Fork of HTML Starter

A simple React page renders a static SVG smiley face composed of three circles: a yellow outer circle with a thick black stroke and two smaller black circles for eyes. The HTML loads React 17 from a CDN and logs the React object to the browser console. The visualization demonstrates basic SVG markup embedded directly in the page, with no interactive behavior or data binding.

AAbdulrahman AlAzwari

Fork of HTML Starter

This example renders a simple smiley face using React and SVG. It draws a gray background with three circles—a large yellow head and two smaller white eyes—all styled with black outlines. The page includes a bare-bones HTML structure with inline CSS and a JavaScript `console.log` call. It loads React 17 from unpkg via CDN, though the rendering itself uses static SVG elements rather than React components.

WWilson

Fork of HTML Starter

This example presents a static SVG smiley face drawn with three circles: a large yellow face and two smaller black eyes. The visualization demonstrates a minimal React setup, loading React and ReactDOM from a CDN and logging them to the console. The SVG markup is embedded directly in the HTML, while the JavaScript file imports React and ReactDOM, though it does not yet render any React components. The code highlights the starting point for building interactive visualizations with React and SVG.

RRiya ArvindKumar Sonara

Fork of HTML Starter

This example shows a simple yellow smiley face drawn with SVG circles, including a face outline and two eyes positioned symmetrically around the center. The page loads React and ReactDOM from CDN, though the visible drawing is plain SVG markup embedded directly in the HTML with inline styles for the body. The React component in `index.js` renders a heading, but the actual face visualization is static SVG code that does not depend on the JavaScript framework.

Ccheztrolitor

Fork of HTML Starter

This example shows a simple smiley face rendered on a canvas. The visualization is built using raw SVG elements, with a large yellow circle serving as the head, and two smaller black circles for the eyes. The page uses basic CSS to remove default body margins and hide any overflow. The SVG markup is written directly in the HTML file, rendering static vector graphics without any JavaScript or external libraries.

Iinnocent thomas