Michal Kollar (@kollmich), VizHub

Smiley Face Part I

A yellow circle with a black outline and two black inner circles forms the beginning of a smiley face. The example uses React to render static SVG elements directly in the HTML, with the circle positions and sizes hard-coded in the markup. The code imports React and ReactDOM but does not yet use them to generate the shapes dynamically; instead, the SVG appears as plain markup in the body of the page. A console log statement references the ReactDOM API, but no additional behavior is implemented.

Jan 22, 2020

Loading thumbnail…

Hello HTML

A bare-bones HTML page renders a static yellow smiley face using inline SVG elements. The example demonstrates basic SVG primitives: circles for the face and eyes, red fill circles for pupils, an ellipse for the mouth, and rectangles for the nose and teeth. All shapes are drawn directly in the SVG markup with explicit coordinates and stroke attributes, requiring no external libraries or JavaScript. The result is a simple, self-contained illustration of SVG's vector-drawing capabilities.

Jan 16, 2020

Loading thumbnail…

Hello HTML

A bare-bones HTML page renders a static yellow smiley face using inline SVG elements. The example demonstrates basic SVG primitives: circles for the face and eyes, red fill circles for pupils, an ellipse for the mouth, and rectangles for the nose and teeth. All shapes are drawn directly in the SVG markup with explicit coordinates and stroke attributes, requiring no external libraries or JavaScript. The result is a simple, self-contained illustration of SVG's vector-drawing capabilities.

Jan 16, 2020