Triệu Vĩnh Viêm

@tvviem·2 public vizzes

Visualization - Cars report

This example displays a text-based car report, filtering a hardcoded dataset of five cars to show only those priced under $2,000. The page initially shows “Loading…” while a simulated two-second delay fetches the data via a Promise in `getCars.js`. Once resolved, React’s `generateReport` utility filters and formats each car’s year, make, model, and price into lines of text, which are then written into the DOM’s `msg-element` using plain JavaScript. The visualization relies on asynchronous data handling and string manipulation, with no graphical rendering libraries.

Jul 26, 2020

Loading thumbnail…

Visualization - Cars report

This example displays a static “Hello World” message in large text on a blank HTML page, using React as the framework. The page loads a hardcoded dataset of five cars from `cars.js`—listing year, make, model, and price—but the visualization does not render or reference this data. Instead, the `index.js` file directly sets the text content of a `<pre>` element via `document.getElementById`. The page uses a `<script>` tag to load `bundle.js`, which bundles the React and JavaScript code. No charting or data-binding libraries are used; the output is purely textual.

Jul 26, 2020