apiask18

@apiask18·3 public vizzes

Cars Report

This example displays a single car record from a small inline JSON dataset, showing the make, model, year, and price of a 1997 Honda Accord. The page uses ES6 modules to import and parse the data array, then writes the first object’s contents to a styled `<pre>` element via `document.getElementById`. The visual result is large, bright text on a dark blue background, styled with Ubuntu from Google Fonts, demonstrating simple DOM manipulation without any charting or visualization libraries.

Sep 9, 2019

Loading thumbnail…

Cars Report

This example displays a list of five used cars with their year, make, model, and price, rendered as static text on a dark blue page. The Cars.js module stores the car data as a JSON string, which is parsed and exported for use in index.js. The page imports D3 v5 and uses the ES6 module system, while the message “Hello VizHub!” is set via `document.getElementbyId`, though it is not shown in the final output. The styling uses an imported Ubuntu font with large centered text.

Sep 9, 2019

Loading thumbnail…

Hello VizHub

A minimal "Hello VizHub" template demonstrates a bare-bones HTML document that renders the text "hello" in a preformatted block. The example loads a stylesheet and an external script, while the JavaScript file defines a message variable but does not yet attach it to the page. The code uses standard DOM APIs such as `document.getElementById`, though the targeted element is not present in the markup. This serves as a starting point for building interactive visualizations in the VizHub environment.

Sep 9, 2019