Hafizh-Iman-Naufal

@Hafizh-Iman-Naufal·3 public vizzes

Exercise

This example demonstrates the phrase “Halo Dunia!” centered on a blank page, serving as a minimalist exercise in web rendering. The text is styled with a large 13em font size and centered using CSS. The entire visualization is constructed in a single `index.html` file, which includes both the structural markup and the styling within a `<style>` block. No external libraries or JavaScript APIs are utilized; the work relies solely on fundamental HTML and CSS to achieve its graphical output.

Jun 1, 2022

Loading thumbnail…

SVG Fundamental

This example demonstrates fundamental SVG shapes—circles, rectangles, lines, and a path—arranged on a 960×500 canvas to show basic coordinate placement, fill, and stroke styling. The code uses raw inline SVG elements within an HTML page, with no external JavaScript libraries or data sources. It illustrates how attributes like `cx`, `cy`, `r`, `x`, `y`, `width`, `height`, and `d` control geometry, while `fill`, `stroke`, and `stroke-width` determine appearance. The composition includes overlapping circles, a bordered rectangle, a diagonal line, and a triangle, all rendered directly in the browser via the SVG API.

Jun 1, 2022

Loading thumbnail…

SVG Fundamental

This example demonstrates a minimal web page rendered with HTML, CSS, and JavaScript. It displays the phrase “Hello HTML!” centered on the screen using a cascading style sheet class that sets a massive font size and text alignment. The page serves as a bare-bones introduction to structuring content with HTML elements and styling them with CSS, without any additional libraries or data-processing logic. It shows how static text is presented through the browser’s default rendering engine.

Jun 1, 2022