Chomin21

@Chomin21·5 public vizzes

0504_d3실습2

This example presents a blank HTML page that loads D3.js version 6 via a CDN, with a placeholder body and a title indicating a D3 practice session. The code demonstrates the minimal setup required to begin building a D3 visualization inside a React-free environment, using a single script tag to include the D3 library. The page currently shows no graphical output, serving only as a starting point for future D3 code. The data source and rendering approach are not specified, as the visualization itself has not yet been implemented. The example relies on the `d3` global object that becomes available after loading the library.

May 4, 2021

Loading thumbnail…

0504_d3실습

This example creates a static smiley face using SVG shapes, rendered through a plain React component in the bundled visualization. The code draws three circles directly in the SVG markup: a large yellow circle for the face, two smaller black circles for the eyes, and a yellow nose with a black stroke. The rendering uses inline SVG elements without D3.js functions or data-driven joins, relying solely on hardcoded coordinates and styling attributes. The page, defined in index.html, loads JavaScript to display the composition on a 900x400 canvas.

May 4, 2021

Loading thumbnail…

0415

This example demonstrates a minimal HTML page that uses JavaScript to display text on the page and in the browser console. The page writes a red-colored HTML string and a personalized age message directly into the document using `document.write`. It also logs “Hello JavaScript!” to the developer console with `console.log`. The code uses the React framework for the surrounding project, but the core interaction relies on basic JavaScript DOM methods and inline CSS styling.

Apr 15, 2021

Loading thumbnail…

0414_html

This example demonstrates a simple HTML page with a bookmark-style navigation feature that links to specific sections such as name, address, phone number, and notes. The page uses anchor tags (`<a href="#...">`) to jump between content areas, with each section containing placeholder text and a link back to the top. It relies on plain HTML and CSS for structure and styling, with JavaScript not actively used in the visible code. The layout includes centered headers, an article navigation bar, and multiple information blocks marked by named anchors or IDs.

Apr 14, 2021

Loading thumbnail…

info.desin.210407

This example displays a minimal HTML page presenting the text “Hello HTML” in large, centered type. It demonstrates the fundamental structure of a web document by linking to external resources and embedding a script. The page relies on standard CSS for styling, setting the body font-size to 13em, and uses vanilla JavaScript to log “Hello JavaScript!” to the browser’s developer console. It serves as a basic foundational template, similar to a React starter, for building interactive visualizations.

Apr 7, 2021