Seward Lee

@sewardlee337·3 public vizzes

Cars Report

The Cars Report displays a filtered list of vehicles priced under $2,000 from an embedded JSON array. Using React for the page structure, the code defines a `carScript.js` data module and an `index.js` generator function that applies `filter()` and `map()` to format each car as a text line. The output appears in a styled `<pre>` element via `document.getElementById().textContent`, with no interactive or graphical rendering. The visualization is a static, text-based report highlighting affordable car options.

Feb 11, 2020

Loading thumbnail…

React Starter

This React Starter example displays a large, centered "Hello World" message in the browser. The code uses a native HTML `<pre>` element styled with CSS to render the text, and a small JavaScript snippet updates the message content by selecting the element with `document.getElementById('message-element')` and setting its `textContent` property. The example demonstrates a minimal React-free setup, relying on the DOM API directly within the `index.js` file.

Feb 9, 2020

Loading thumbnail…

Cars Report

This example displays the static text “Hello HTML” centered on a plain white page. It uses a minimal React Starter setup, where the content is hardcoded directly in the `index.html` file. The page’s styling, applied via a `<style>` block, sets the font size to 13em, resulting in a large, bold visual statement. It does not employ any data visualization libraries, JavaScript APIs, or external data sources; the visualization is solely the HTML text output itself.

Feb 9, 2020