Skip to main content
Log in
T

Tazgajo

@Tazgajo·5 public vizzes

Loading thumbnail…

Hello People

This example shows a large, static greeting, “Hello People!!,” displayed on a dark blue page with light text, styled with the Ubuntu font. The page is built with a basic HTML structure and a bundled JavaScript file, where `index.js` directly sets the text content of a `<pre>` element using the DOM API. The code also defines ES6 modules containing example data and a separate message, though these are not rendered in the final visualization.

Dec 12, 2019
Loading thumbnail…

Hello People

This example demonstrates a minimal VizHub project that renders a static HTML page with a large “Hello People!!” message. It imports a dataset of six fictional individuals from `people.js` (defined as JSON with hair, eyes, height, and gender fields), parses it via `JSON.parse`, and uses the ES6 module system to expose the data. The page styling comes from `styles.css`, which sets a dark background and Ubuntu font. The core logic uses plain DOM manipulation (`document.getElementById` and `textContent`) to display the greeting, with no external visualization libraries.

Dec 12, 2019
Loading thumbnail…

Hello VizHub

This example demonstrates how to set up a minimal VizHub project with a single text message rendered against a dark, centered layout. It shows the process of importing D3 modules and local ES6 files to manipulate the DOM. The code uses D3’s `select` function to update the text of a `div` element, pulling the string from an exported constant. Styling relies on standard CSS with an imported Google Font, and D3 v5 is loaded via a CDN link in the HTML.

Dec 12, 2019
Loading thumbnail…

Hello VizHub

This example demonstrates how to set up a minimal VizHub project with a single text message rendered against a dark, centered layout. It shows the process of importing D3 modules and local ES6 files to manipulate the DOM. The code uses D3’s `select` function to update the text of a `div` element, pulling the string from an exported constant. Styling relies on standard CSS with an imported Google Font, and D3 v5 is loaded via a CDN link in the HTML.

Dec 12, 2019
Loading thumbnail…

Hello VizHub

This example demonstrates how to set up a minimal VizHub project with a single text message rendered against a dark, centered layout. It shows the process of importing D3 modules and local ES6 files to manipulate the DOM. The code uses D3’s `select` function to update the text of a `div` element, pulling the string from an exported constant. Styling relies on standard CSS with an imported Google Font, and D3 v5 is loaded via a CDN link in the HTML.

Dec 11, 2019