PhucPhanThien

@PhucPhanThien·3 public vizzes

Hello VizHub

This example demonstrates how to render a simple textual message on a webpage using D3.js. It displays the text "Hello VizHub!" prominently in large, styled typography against a dark blue background. The implementation uses D3's `select` method to target the `#message` div and set its content, while an ES6 module exports the message string from a separate file. The page is styled with custom CSS, including the Ubuntu font loaded from Google Fonts, and includes the D3 library via a CDN link.

Aug 6, 2019

Loading thumbnail…

Cars Report

This example displays the message “Hello World” derived from the `cars` dataset’s JSON structure, though the data itself is not visualized. It imports the parsed `cars` array from `cars.js` and uses the `document.getElementById` API to inject the text into an HTML `<pre>` element styled with large Ubuntu font. The page relies on ES6 module syntax and VizHub’s bundling, with the CSS setting a dark blue background and centered layout. The `index.html` includes a placeholder `div` but only the message element is populated.

Aug 6, 2019

Loading thumbnail…

Cars Report

This example displays a static report titled “Cars Report” with a large “Hello World” message and a separate “Hello VizHub!” message, rendered on a dark blue background. The page uses plain HTML elements and CSS styling via a Google Fonts Ubuntu typeface, with the primary message set through `document.getElementById().textContent`. The cars data is embedded as a JSON array in `cars.JS`, parsed with `JSON.parse()`, though the data is not visualized. The example primarily demonstrates basic DOM manipulation and ES6 module imports without any charting or data-rendering libraries.

Aug 6, 2019