Hyerim Park

@parkhyerim·3 public vizzes

Hello HTML

A single yellow circle with a black outline and two smaller black circles forms a simple smiley face. The graphic is composed directly in SVG markup within an HTML page, using hard-coded coordinates for positioning. The example demonstrates the most basic structure of an SVG visualization embedded in a web document. The page also includes a reference to React via a script tag, though no React components are actually used to render the visual elements.

Nov 14, 2020

Loading thumbnail…

Cars Report

This example displays the make of the first car in a hardcoded dataset, rendering the text "Hyundai" in large type within a `<pre>` element. It uses the React starter template’s build setup, with `cars.js` exporting a parsed JSON array and `index.js` importing it. The code selects the DOM element via `document.getElementById` and sets its `textContent` based on the imported data, demonstrating a minimal data-to-DOM binding without any visualization libraries.

Nov 14, 2020

Loading thumbnail…

Cars Report

This example demonstrates a simple text-based report of used cars, displaying each car’s year, make, model, and price after a simulated asynchronous data fetch. The code uses JavaScript modules, promises, and array methods like `filter` and `map`, along with the `JSON.parse` API to load car data, then renders the output into an HTML `<pre>` element via `getElementById`. A 2-second `setTimeout` delay in the promise simulates a delayed data source before the final report is generated.

Nov 14, 2020