Kim-Mingyeong

@Kim-Mingyeong·8 public vizzes

D3 js index

This example presents a minimal D3.js starter page: an empty HTML document with a linked D3 v6 library via CDN, a title, and no visual content or scripts. It demonstrates the foundational setup for any D3 project, relying solely on the `d3.v6.min.js` script tag to load the library. The page shows how to include D3 in a bare HTML file, with no rendering, data, or interactive elements yet implemented.

May 16, 2021

Loading thumbnail…

index

This example renders a simple smiley face using SVG primitives in a React project. It shows three overlapping circles forming a face: two black eyes, a yellow head with a thick black outline, and a smaller yellow mouth. The code uses raw SVG elements—`<circle>` with attributes like `cx`, `cy`, `r`, `fill`, and `stroke`—directly inside an index.html file. No external data or libraries are involved; the visualization is static and hand-coded, demonstrating basic SVG composition without JavaScript interaction or dynamic data binding.

May 16, 2021

Loading thumbnail…

0415..1

A minimalist login simulation prompts the user for an ID and password, redirecting to a success page only for the admin credentials `admin`/`123456` and otherwise to an error page. The example uses plain JavaScript with `prompt()` for input and `location.href` for navigation, embedded in a bare HTML page with CSS styling. The code demonstrates conditional branching and basic client-side authentication without any external libraries or data visualization.

May 10, 2021

Loading thumbnail…

0415..0

This example demonstrates basic JavaScript and HTML document manipulation on a bare-minimum web page. It shows how to output dynamic text directly into the page body using `document.write`, including styled content with inline CSS and string concatenation with a variable `age`. The page also defines a function `getGrade()` that returns a local variable, calls it, and writes the result with additional text. The code uses core JavaScript APIs and the DOM’s `document.write` method, with the main script embedded in the HTML. The rendering approach is direct text insertion rather than canvas or D3 visualizations.

May 10, 2021

Loading thumbnail…

0413..2

This example demonstrates three different ways to apply Cascading Style Sheets (CSS) to an HTML document: inline, internal, and external styling. The page displays three lines of text, each using a distinct method: the first uses an inline style attribute, the second uses an internal `<style>` block, and the third applies an external stylesheet. The code uses standard HTML elements and plain CSS, with no JavaScript libraries or frameworks involved, highlighting the fundamental syntax and precedence of CSS styling approaches.

May 10, 2021

Loading thumbnail…

0413..1

This example demonstrates a bookmark navigation system for a web page, allowing users to jump directly to specific sections such as name, address, phone number, and references. It uses HTML anchor elements with `href` attributes pointing to named targets (`#user`, `#addr`, `#tel`) and corresponding `id` or `name` attributes on target elements, along with `[TOP]` links to return to the page header. The page is built with plain HTML and CSS, relying on standard browser anchor navigation rather than JavaScript or React, despite the framework metadata.

May 10, 2021

Loading thumbnail…

0413..0

This example displays a static HTML page that documents HTML special characters, hyperlink tags, and their attributes, with a header, section, and footer layout. The page uses semantic HTML elements like `<header>`, `<section>`, `<article>`, and `<footer>`, along with character entities (`&num;`, `&`, `©`) and hyperlink examples targeting different browsing contexts (`_blank`, `_self`, `_parent`, `_top`). The code relies solely on native HTML and CSS, with no JavaScript libraries or data-visualization APIs involved. It presents markup syntax and link behavior as educational content.

May 8, 2021

Loading thumbnail…

info...0408

This example displays a minimal HTML page that pairs CSS styling with JavaScript interactions. The page renders a black-and-white heading and a static text message, while the JavaScript file triggers an alert reading “information design” on load. It relies on plain CSS rules and a JavaScript alert call, with the console logging “Hello JavaScript!” from an inline script. The project demonstrates fundamental web technologies without external libraries, structured through separate `info.css` and `java.js` files. The React framework is listed as metadata, but the code itself does not import or use React components.

May 8, 2021