HBkarthick

@HBkarthick·3 public vizzes

Fork of React Starter

A yellow SVG face with black eyes is drawn using React and ReactDOM. The component renders three circles—one large yellow circle for the face and two smaller black circles positioned as eyes—within a 960×500 viewBox. All styling is applied via SVG attributes, including fill, stroke, and stroke-width. The example demonstrates how React’s declarative JSX syntax integrates with SVG to produce static geometric graphics, with no interactivity or data loading involved.

Jan 5, 2022

Loading thumbnail…

Smiley Face Part I

A simple SVG drawing depicts the first stage of a smiley face, showing a large yellow circle as the head with two smaller black circles as eyes. The code uses raw SVG elements—`<circle>` tags with `cx`, `cy`, `fill`, `r`, and `stroke` attributes—all contained within an inline `<svg>` block in an HTML document. The face is centered in a 960 by 500 pixel canvas, with the head at the midpoint and the eyes positioned symmetrically to the left and right. The example demonstrates basic vector graphics construction without any JavaScript libraries.

Jan 5, 2022

Loading thumbnail…

Fork of HTML Starter

This example shows a simple full-page greeting rendered in large, centered text. The code uses plain HTML and CSS within a single `index.html` file, styling a `div` element with the class `message` to display "Hello HTML!" at a font size of 13em. No external libraries or data sources are involved; the page relies solely on static markup and CSS for its visual output.

Jan 5, 2022