BassamAziz310

@BassamAziz310·3 public vizzes

Cars Report

This example demonstrates a simple text-based report of used cars, listing each vehicle’s year, make, model, and price after filtering for models under $2,000. It showcases JavaScript object manipulation and async module imports using native ES modules, Promises, `setTimeout`, and `JSON.parse`. The visualization renders a loading state, then the generated report into a `<pre>` element via the Document Object Model (DOM). Data is embedded as a static JSON string in the `getCars.js` module, formatted with string interpolation in `formatCar.js`.

Jun 30, 2020

Loading thumbnail…

Cars Report

This example displays a single car make from a static JSON dataset of three vehicles, rendering the text in a large, preformatted HTML element. The React-based starter code imports the parsed car data from `cars.js` and uses `document.getElementById` to inject the first entry’s `make` property into the page. The visualization is minimal, focusing on data access and DOM manipulation rather than graphical output, with no additional charting or interaction libraries employed.

Jun 27, 2020

Loading thumbnail…

React Starter

This example shows a minimal React application that renders the text “Hello React!” centered on the page with a large font size. It uses React 16.10 and ReactDOM to mount a functional component into a root div, with styling provided by a CSS class in the HTML file. The code demonstrates the basic structure of a React app, including JSX syntax and the `ReactDOM.render` API. No data or additional libraries are involved.

Jun 25, 2020