Ponrawoot Khamkhanongngam

@Ponrawoot·2 public vizzes

Fork of HTML Starter

This example demonstrates a minimal HTML page that renders a large, centered greeting message. The page uses plain CSS within a `<style>` tag to set the message’s font size and text alignment, and JavaScript is not invoked in the visible code. The content is hardcoded directly in the HTML body, displaying “Hello Ponrawoot” without any data source or dynamic rendering. It serves as a foundational scaffold for exploring web technologies, referencing a React starter for more complex interactions.

Feb 15, 2023

Loading thumbnail…

Fork of D3 Implementation

A grid of thin horizontal and vertical rectangles covers the screen, but two circular masks reveal only the central region: one mask shows the horizontal lines, the other shows the vertical lines, creating a crosshatch pattern inside an overlapping circle. The example uses D3 v7’s `select`, `range`, and `join` to generate 100 SVG `<rect>` elements per direction, with `mask` elements and black/white filled circles controlling visibility. The full-screen SVG renders in the browser with no external data.

Feb 15, 2023