jungsu

@jungsu309·7 public vizzes

6번째 시간

This example presents an empty HTML page that serves as a minimal interactive canvas for exploring D3.js selections and transitions. The code demonstrates appending SVG elements, such as a red circle, and animating its properties with methods like `transition().delay()` and `attr()`. It also includes commented-out examples for handling click events and chaining transitions, showing how to build simple animations step by step. The page relies on the D3 v6 library loaded from a CDN and uses basic SVG rendering, with the body intentionally left blank to focus on the scripting console.

May 4, 2021

Loading thumbnail…

4번째시간

This example demonstrates basic DOM manipulation and styling through user-triggered events. It shows how clicking a link appends a new heading element to the page, while buttons control the visibility and appearance of a paragraph. The code uses plain JavaScript methods such as `document.createElement()`, `createTextNode()`, and `appendChild()` to construct nodes, as well as inline style properties like `color`, `fontSize`, and `visibility` to alter the paragraph’s presentation. All interactions are handled via HTML `onclick` attributes, with no external libraries or data sources involved.

May 4, 2021

Loading thumbnail…

5번째 시간

A simple SVG drawing depicts a smiley face, built directly in an HTML file. It uses basic SVG shapes: a large yellow circle for the head, two smaller black circles for eyes, and a yellow circle with a black stroke for the mouth. React and CSS are referenced in the README, but the visualization itself relies solely on static SVG elements within the markup. The code sets explicit coordinates and sizes for each circle, rendering the face without any interaction or data-driven logic.

May 3, 2021

Loading thumbnail…

Untitled

This example demonstrates basic JavaScript concepts through a series of inline scripts on a single HTML page. It shows date-based weekday determination using the `Date` object, function declarations versus function expressions, and array iteration with a custom `printArr` function. The page also includes a commented-out `script.js` file that would use `prompt` for login authentication and `location.href` for redirects. The code uses plain HTML and vanilla JavaScript without any external libraries or frameworks, despite the React metadata. The rendering approach is direct DOM manipulation via `document.write`.

May 1, 2021

Loading thumbnail…

자바스크립트공부

This example demonstrates basic JavaScript and CSS integration within a simple HTML page. It writes a red-colored message and a user’s age directly into the document using `document.write`, then triggers an `alert` displaying the age variable. The code uses core DOM methods like `document.write` and the global `alert` function, with no external libraries. The page’s embedded script and external `age.js` file highlight foundational scripting patterns in a plain HTML structure, emphasizing how JavaScript can manipulate page content and interact with the user.

Apr 15, 2021

Loading thumbnail…

2번째시간0415

This example demonstrates a series of HTML and CSS techniques for text formatting, hyperlinks, and page navigation. It uses HTML entities like `<`, `>`, `&num;`, and `©` to display special characters, and the `<pre>` tag to preserve whitespace and line breaks exactly as typed. Hyperlinks are shown with four different `target` attributes (`_blank`, `_self`, `_parent`, `_top`), and bookmarked sections with named anchors (`<a name>` and `id`) allow in-page jump links. The page also includes a styled table and nested lists, all rendered through a minimal HTML structure with inline CSS.

Apr 15, 2021

Loading thumbnail…

21.04.08-html기초

This example demonstrates a minimal HTML page that combines CSS and JavaScript to display static text and alert messages. The page includes an `h1` heading styled with white text on a black background via an external stylesheet (`info.css`), while embedded scripts log arithmetic results and strings to the browser console using `console.log`. The code also loads an external JavaScript file (`javascript.js`) that triggers an `alert` message. No data or dynamic rendering occurs; the focus is on foundational HTML structure, CSS styling, and basic script execution order.

Apr 8, 2021