Skip to main content
SimilarExport ZIP
100%

Just the eyes

✓ Published0🌍 Public
Ttobyviz
Last edited Aug 15, 2021
Created on Aug 15, 2021
Forked from face-off

A yellow circle fills the viewport, framed by a thick black outline, with two smaller black circles positioned near its upper center to suggest a pair of eyes. The visualization is built with React and rendered as inline SVG, using hard-coded coordinates and radii for each circle. It relies on React’s `ReactDOM.render` to mount the component, demonstrating a minimal, code-driven approach to static shape composition.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This example renders a static yellow circle with two black circular eyes on an SVG canvas, mimicking a simple face. The visualization is built using React 17, with the outer shape and facial features defined directly as SVG circle elements. The page loads React from a CDN and logs the imported React object to the console, though no dynamic state or interactivity is implemented. The drawing is purely declarative, using fixed coordinates and radii for each shape.

EEUHaq
86% match
Loading thumbnail…

Untitled

A yellow circle with a black outline and two smaller black circles positioned symmetrically inside it forms a simple face-like composition. Rendered as an SVG, the larger circle is centered in a 960 by 500 viewport, while the smaller circles serve as eyes. The visualization is built with React, using inline SVG elements and ReactDOM.render to mount the component. The code defines layout constants for positioning and dimensions rather than relying on external data.

Sspringxc
85% match
Loading thumbnail…

Part 1

A yellow circle with two black eyes is rendered on an SVG canvas. The graphic is created using React and ReactDOM, with circle positions and sizes defined by variables for the center point, eye offset, and stroke width. The visualization demonstrates a simple, static composition built programmatically through SVG elements within a React application.

Ssteelerfan107
85% match
Loading thumbnail…

Untitled

A yellow circle with a black outline dominates the SVG canvas, accompanied by two smaller black circles positioned as eyes. The visualization is built using React and rendered through SVG elements defined directly in the HTML. It uses React 16 and ReactDOM 17 from CDN, with the React component logic in index.js logging the React object. The static composition demonstrates basic shape creation and styling without interactive behavior or data-driven rendering.

SSumz-K
85% match
Loading thumbnail…

Untitled

A yellow circle rendered as an SVG face features two smaller black circles for eyes, with a thick black stroke outlining the entire shape. The visualization is built using React with JSX, directly embedding SVG elements within the `index.html` file. The `index.js` file imports React and ReactDOM to log the React object, though it does not mount any component. The static composition relies on explicit SVG circle attributes for position, sizing, and color rather than any data-driven or interactive behavior.

JJPMorand
84% match
Loading thumbnail…

Data Visualization

A solitary yellow circle with a black outline sits centered on a blank SVG canvas, rendered at 960 by 500 pixels. The example demonstrates the minimal setup for a React-based visualization, using `ReactDOM.render` to mount a single SVG `<circle>` element. The code imports React and ReactDOM, defines a functional component returning the SVG markup, and loads the production builds of React 16.9.0 from a CDN. This static shape serves as a starting point, with a commented-out section hinting at a future smiley face with two additional eye circles.

LLittlegreen8
83% match
Loading thumbnail…

Part-1

A yellow circle with a black outline and two small black eyes forms a simple face, rendered as a full-screen SVG. The face is centered on the screen using a translated group element, with the face radius tied to half the window height. Built with React and ReactDOM, the component uses SVG `<circle>` elements for the face, eyes, and stroke, updating its size based on the browser viewport dimensions.

MMojgan
83% match
Loading thumbnail…

Half of a Face

A yellow circle with a black outline and two black eyes forms a minimal face on a 960-by-500 SVG canvas. The static visualization uses pre-defined circle elements with hard-coded coordinates and radii, placing the eyes symmetrically around the center. React 17 is loaded via a UMD script, though the bundled JavaScript merely logs the React import and does not drive any interactive behavior. The rendering relies solely on SVG shapes without additional data or dynamic computation.

MModliestOrange
83% match