wqwqwq0911

@wqwqwq0911·4 public vizzes

Team_Talkative_dashBoard

This dashboard visualizes Seoul dining and demographic data through multiple interactive views. Users can toggle between a map view and a detailed graph view, selecting regions like Gangnam or Jongno and adjusting a time range slider. The map uses d3.geoPath with TopoJSON to render Seoul’s municipal boundaries, while line charts and summary statistics update dynamically. Additional lower panels display related charts, and a source toggle reveals a modal listing external references. The implementation relies on D3 v3, React, and SVG for rendering, with data sourced from a Seoul matzip mapping blog and municipal geography files.

May 27, 2021

Loading thumbnail…

hello

This example renders a simple HTML page that displays the text "HI I'm 정융" as a heading, followed by a JavaScript-generated alert showing a variable's value. The page uses vanilla JavaScript to write red-colored text and a concatenated message about the user's age directly into the document. Styling is applied via a linked CSS file that sets paragraph and heading colors to green with a yellow background. The code relies on core JavaScript `document.write` and `alert` functions, along with basic CSS selectors, to create a minimal interactive demonstration.

May 5, 2021

Loading thumbnail…

Untitled

This example demonstrates the three ways to apply CSS styles to HTML elements—inline, internal, and external—using a simple page with three paragraphs. The text appears in red, blue, and green with a yellow background, respectively, based on the styling method. It uses plain HTML and CSS, with an external stylesheet linked in the head, a style block for internal rules, and a style attribute for the inline style. The page is a minimal educational demonstration of CSS syntax and precedence.

May 3, 2021

Loading thumbnail…

info.design.2021.hello.world

This example presents a minimal web page that prints “Hello HTML” in large, centered text while also logging “Hello JavaScript!” to the browser console. It demonstrates the fundamental structure of an HTML document with inline CSS for styling and a script tag for client-side scripting. The code uses plain HTML, CSS, and JavaScript, with no external libraries or frameworks. The rendering approach is a simple static text display, and the console output is visible only through developer tools. The example serves as a starting point for understanding how HTML, CSS, and JavaScript interact.

Apr 9, 2021