lmurugan

@lmurugan·3 public vizzes

Smiley Face with React

This example renders a simple smiley face using React and SVG. It draws a large yellow circle with a black stroke for the face, and two smaller filled circles for the eyes, positioned absolutely within the SVG canvas. The code uses React 18’s `createRoot` and `StrictMode` to mount an `App` component, while the SVG elements are hardcoded directly in the HTML file rather than generated dynamically. The setup demonstrates a basic integration of React with static SVG markup.

Jul 22, 2022

Loading thumbnail…

Smiley Face :)

A yellow circle with a black outline forms a simple smiley face on a plain white background. Two smaller unfilled circles serve as the eyes, placed symmetrically on either side of the face. The graphic is rendered as static SVG shapes, with circle elements positioned using explicit cx and cy coordinates within a 960 by 500 viewport. This example demonstrates basic declarative vector drawing in React, using no external visualization libraries or data sources.

Jul 22, 2022

Loading thumbnail…

Fork of HTML Starter

This fork displays a static, full-page HTML message reading “Hello HTML!” in enormous, centered text. It demonstrates a bare-minimum web page setup using a `<style>` block for CSS styling and inline JavaScript capability, though the code only contains styling and markup. The rendering approach relies purely on standard HTML elements and CSS font sizing, with no external libraries or data sources. It serves as a minimal starting point for HTML projects, mirroring the structure of the referenced React starter without framework dependencies.

Jul 21, 2022