mmklai

@mmklai·4 public vizzes

HTML Starter

This example renders a static "Hello HTML" message centered on a blank page using plain HTML and CSS. It uses a JavaScript `console.log` statement to demonstrate basic script execution, and a separate `cars.js` file defines a JSON array of car listings with a `Promise` that returns the data after a two-second delay. The visualization shows a bare-bones HTML setup with inline styling, suitable as a starting template for web-based projects.

Oct 1, 2020

Loading thumbnail…

HTML Starter

This example displays the text “Hello HTML” in large, centered type, serving as a minimal demonstration of an HTML page. The page includes embedded CSS for styling and a script that logs “Hello JavaScript!” to the browser’s console. It uses standard HTML and JavaScript APIs, with no external libraries, and the body text is rendered by the browser’s default layout engine. The accompanying `cars.js` file contains an empty JSON array parsed via `JSON.parse`, suggesting placeholder data not currently visualized.

Oct 1, 2020

Loading thumbnail…

HTML Starter

This example demonstrates a bare-bones HTML page that displays the text “Hello HTML” in the center of the browser, styled with a massive 13em font. It also includes a script that logs “Hello JavaScript!” to the console, which is visible in the browser’s developer tools. The implementation uses standard HTML elements, inline CSS for body styling, and a plain JavaScript `console.log` statement, with no external libraries or frameworks.

Oct 1, 2020

Loading thumbnail…

Cars Report

This example displays a static “Hello World” message in a `<pre>` element alongside a React application. The code uses ReactDOM’s `render` method to mount an `<App />` component into the `#root` div, while plain JavaScript writes the text via `document.getElementById`. The visualization source is minimal, focusing on React’s component mounting and DOM interaction rather than data-driven graphics. The starter setup includes an `index.html` entry point and a bundled JavaScript file, illustrating a basic React rendering workflow without external data or visualization libraries.

Sep 18, 2020