mkurtoglu

@mkurtoglu·4 public vizzes

Fork of Hello2 HTML

This example displays a single, large unfilled circle centered within an SVG canvas, using a minimal HTML page structure. The visualization relies on the SVG `circle` element rendered with a default black stroke and no fill, set against a white background. The page’s embedded styling removes margins and hides overflow, while the SVG’s fixed width and height define the drawing area. The code uses no external libraries, only native HTML and SVG APIs, with the circle’s radius set via the `r` attribute. The result is a stark, geometric composition demonstrating basic SVG markup without additional interaction or data binding.

Jan 11, 2021

Loading thumbnail…

Test

This example demonstrates a minimal static webpage rendering the text "Hello HTML" in large, centered type. It uses plain HTML and CSS for structure and styling, with a small embedded JavaScript snippet that logs "Hello JavaScript!" to the browser's console. The page relies on no external libraries or frameworks, serving as a bare-bones introduction to combining HTML, CSS, and JavaScript.

Jan 11, 2021

Loading thumbnail…

SmileyFace1

A yellow smiley face with black outlined eyes is rendered as a static SVG graphic on a 960×500 canvas. The face itself is a circle with a thick black stroke, while two smaller circles serve as eyes. The example uses React 16.9.0, loaded via a UMD production build, though the actual drawing is done directly with SVG elements rather than React components or any data-driven library. No data source or interaction is present; it is a minimal demonstration of SVG shape composition.

Feb 22, 2020

Loading thumbnail…

SmileyFace1

A yellow circle with a thick black outline forms the face of a smiley, centered on a blank SVG canvas. Two smaller black circles serve as eyes, positioned symmetrically on either side of the face's vertical center. The visualization is rendered entirely through static SVG elements defined in inline HTML, using no external libraries or JavaScript. The code specifies the canvas dimensions as 960 by 500 pixels and sets each circle's position and radius explicitly via the `circle` element's `cx`, `cy`, and `r` attributes.

Feb 22, 2020