kdpark-phd

@kdpark-phd·4 public vizzes

kdpark Let's Make a Face Part I

A static SVG face appears as a large yellow circle with two smaller black eyes, created directly in the HTML markup. The example uses React 17 and ReactDOM to render a separate “Hello world” header, though the face itself is built with plain SVG elements—circle tags for the head and eyes—without any data binding. The visualization demonstrates a simple, non-interactive composition where the SVG coordinates position the face at the center of a 960 by 500 viewport.

May 5, 2021

Loading thumbnail…

hello

This example presents a minimal, empty HTML page with a placeholder JavaScript variable. It demonstrates the basic structure of a D3 v6 visualization project within a React framework, using a bare HTML file that loads D3 from a CDN and defines a simple script containing an `age` variable. The visualization itself shows no visual output, serving instead as a starting point for building more complex charts or graphics with the included libraries.

Apr 29, 2021

Loading thumbnail…

info.design.2021.hello.world

This example demonstrates a simple HTML page with bookmark navigation, where links jump to specific sections such as name, address, and phone number. The page uses plain CSS for styling and JavaScript for interaction, though the included JavaScript file is empty. It relies on native HTML anchor tags (`<a href="#...">`) and the `name` and `id` attributes to create jump targets. The layout is composed of header, section, and article elements, with placeholder text indicating information areas, and includes a "TOP" link to return to the page header.

Apr 12, 2021

Loading thumbnail…

Fork of HTML Starter - viz

This example demonstrates a minimal HTML page with embedded JavaScript and CSS, showing how basic web technologies interact. The page displays "Hello HTML" and a Korean heading, while an `alert('hello')` dialog fires on load and a `console.log` message appears in the developer tools. The code uses plain JavaScript, a linked CSS file (commented out), and React is mentioned in the README as an alternative starter, though the example itself relies solely on vanilla HTML and inline scripting.

Apr 5, 2021