gokturk-demir

@gokturk-demir·2 public vizzes

Cars Report

This example displays a car report that renders the make of the first vehicle in a dataset, showing “Honda” in large text on the page. The data comes from a local JavaScript array of car objects containing year, make, model, and price fields. The visualization uses React to manage the component structure, with the `cars.js` file parsing JSON data and the `index.js` file accessing `cars[0].make` to update the DOM element via `document.getElementById`. The output appears inside a `<pre>` tag styled with inline CSS for oversized typography.

Mar 12, 2020

Loading thumbnail…

Cars Report

This example shows a minimal web page that displays the make of the first car in a hardcoded JSON dataset. The dataset contains entries for five used cars with year, make, model, and price fields. The code parses the embedded JSON string with `JSON.parse`, accesses the `make` property of the first object, and writes it to the page by setting the `textContent` of a `<pre>` element. It uses no external visualization libraries—only vanilla JavaScript, the browser's `document` API, and React-style starter files with a `bundle.js` build.

Mar 12, 2020