Skip to main content
Log in
S

songchang89

@songchang89·8 public vizzes

Loading thumbnail…

React Starter

A minimal React application renders a full-screen "Hello React!" message in a centered, oversized font. The example uses React 16.13.1 and ReactDOM to mount a functional component into a root `<div>` element. The component returns a single `<div>` with a CSS class that applies a font size of 13em and text alignment. This starter demonstrates the basic structure of a React visualization project, with no data or interactive behavior, serving primarily as a template for building more complex charts and graphics.

Dec 4, 2020
Loading thumbnail…

HTML Starter

This example displays the text “Hello HTML” centered on a blank page using a large CSS font size. It demonstrates a minimal HTML document that combines inline CSS styling with a JavaScript script that logs “Hello JavaScript!” to the browser console. The code uses plain HTML, CSS, and JavaScript APIs, with no external libraries or data sources.

Dec 4, 2020
Loading thumbnail…

HTML Starter

This example displays the text “Hello HTML” centered on a blank page using a large CSS font size. It demonstrates a minimal HTML document that combines inline CSS styling with a JavaScript script that logs “Hello JavaScript!” to the browser console. The code uses plain HTML, CSS, and JavaScript APIs, with no external libraries or data sources.

Dec 4, 2020
Loading thumbnail…

Cars Report

This example demonstrates a text-based report of used cars, listing models under a $2,000 price threshold in a formatted, multi-line output. It shows how JavaScript modules, promises, and array methods like `filter` and `map` work together. The code uses `JSON.parse` to load a static dataset and `setTimeout` inside `getCars` to simulate asynchronous data fetching. The `generateReport` function relies on a template literal for formatting, while `index.js` updates the DOM via `textContent` after loading.

Dec 4, 2020
Loading thumbnail…

Cars Report

This example shows a simple text-based report of used cars, filtering a hardcoded JSON dataset to display only vehicles priced under $2,000. It demonstrates asynchronous data loading and modular JavaScript by using a Promise from `getCars()` to simulate a fetch delay, then generating a formatted list with `generateReport()` and `formatCar()`. The rendered output appears as a large monospace text block in the `<pre>` element, with loading text shown before the data resolves. The code relies on `JSON.parse`, `Array.filter`, `Array.map`, and template literals, bundling modules via Rollup.

Dec 4, 2020
Loading thumbnail…

HTML Starter

This example displays the text “Hello HTML” centered on a blank page using a large CSS font size. It demonstrates a minimal HTML document that combines inline CSS styling with a JavaScript script that logs “Hello JavaScript!” to the browser console. The code uses plain HTML, CSS, and JavaScript APIs, with no external libraries or data sources.

Dec 4, 2020
Loading thumbnail…

HTML Starter

This example displays the text “Hello HTML” centered on a blank page using a large CSS font size. It demonstrates a minimal HTML document that combines inline CSS styling with a JavaScript script that logs “Hello JavaScript!” to the browser console. The code uses plain HTML, CSS, and JavaScript APIs, with no external libraries or data sources.

Dec 4, 2020
Loading thumbnail…

HTML Starter

This example displays the text “Hello HTML” centered on a blank page using a large CSS font size. It demonstrates a minimal HTML document that combines inline CSS styling with a JavaScript script that logs “Hello JavaScript!” to the browser console. The code uses plain HTML, CSS, and JavaScript APIs, with no external libraries or data sources.

Dec 4, 2020