Skip to main content
SimilarExport ZIP
100%

Smiling Face

✓ Published0🌍 Public
GGeolffrey S Mena
Last edited Jan 26, 2020
Created on Jan 26, 2020
Forked from Smiling Face

A yellow circle with two smaller black circles forms a smiling face. The visualization renders static SVG shapes in a React application. The code uses React and ReactDOM, with the SVG elements defined directly in the HTML file. The face is created using three circle elements with specified radii and positions, styled with yellow fill and black stroke.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Smiley face

A yellow circle with a black outline forms the face, containing two smaller black circles as eyes. The example demonstrates static SVG rendering with React, though the React library is loaded but not actively used for drawing. Instead, the visualization is created directly using SVG elements like `circle` for the face and eyes, with hardcoded coordinates and styling. The page loads React and ReactDOM via UMD bundles, but the final graphic relies purely on raw SVG markup within the HTML.

Ffutureofworld
94% match
Loading thumbnail…

Smiley face

A yellow circle with a black outline forms the face, and two smaller black circles serve as eyes. The example demonstrates static SVG rendering with React, using SVG circle elements directly in the markup. The code initializes React and logs a message to the console, but the visualization itself relies solely on SVG primitives without additional interaction or animation.

KKatarinaSavic
93% match
Loading thumbnail…

Smiling Face

A smiling face rendered as yellow SVG circles with black outlines. The static graphic uses a large circle for the face and smaller circles for the eyes, positioned on a 960×500 canvas. The index.html file includes React and ReactDOM production libraries, while the page loads bundle.js for potential interactivity, though the current SVG markup is plain HTML without any dynamic behavior.

GGeolffrey S Mena
93% match
Loading thumbnail…

Smily face

A smiling face rendered in SVG, with a large yellow circle for the head, outlined in black, and a smaller black circle for an eye. The face appears centered on a white canvas with no additional features or interactivity. The visualization is a static, minimalist composition created with HTML structure, supported by React and ReactDOM libraries. The SVG drawing is implemented directly in the markup, using basic geometric shapes without any computed data or animation. The example demonstrates a simple, single-frame graphic output.

Kkhiantona
93% match
Loading thumbnail…

Smiling Face Part 1

A yellow circle outlined in black occupies the center of an SVG canvas, representing the face. Two smaller black circles, positioned to the left and right, serve as the eyes, creating a partial smiley face composition. The visualization uses static SVG elements rendered within an HTML page, while a React application, built with version 16.7.0 of the React and ReactDOM UMD libraries, is initialized separately in the same document.

Mmakilim
93% match
Loading thumbnail…

Smilie Face Part 1

A yellow circle with a black outline forms the face, and two smaller black circles serve as eyes, creating a basic smiley face. The example demonstrates a static SVG visualization built with React, using ReactDOM to render the graphic into the DOM. The code defines fixed dimensions and positions for the circles, calculating their coordinates relative to the center of a 960 by 500 pixel viewport. It uses React 18 and ReactDOM 17 to manage the component-based rendering, with all shapes drawn using standard SVG elements.

AAshish-Thakur
92% match
Loading thumbnail…

Smiley Face 1

This example renders a static smiley face using SVG shapes composed through React markup. The visualization presents a yellow circle with a black border as the face, alongside two unfilled black circles representing the eyes. The code uses React and ReactDOM to structure the SVG elements directly within the HTML page, with the `bundle.js` file loaded for the React runtime. The face is positioned based on a 960 by 500 canvas, using fixed coordinates for the facial features.

TTiagoDnts
92% match
Loading thumbnail…

Smily Face

This example displays a simple smiling face rendered as a static SVG graphic, composed of a yellow circular head with black eyes. The visualization is created using React, with the SVG elements defined directly in the HTML markup and styled via inline attributes for fill, stroke, and dimensions. The code references the React and ReactDOM libraries from a content delivery network, while the JavaScript file contains a minimal React component that renders a heading, though this component is not integrated into the displayed graphic.

PPipo
92% match