Hello People

100%

✓ Published0🌍 Public

Last edited Dec 12, 2019

Created on Dec 12, 2019

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.

AI-generated description

An example showing the capabilities of VizHub.

MIT Licensed

Similar 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.

TTazgajo

83% match

Loading thumbnail…

Hello VizHub

This example demonstrates a minimal “Hello VizHub!” webpage with large, centered text styled via Google Fonts. The code uses an ES6 module (`myMessage.js`) to export the greeting string, which is imported into the main script and rendered through D3.js (`import d3 from 'd3'`). The page structure is defined in `index.html`, with styling in `styles.css` using the Ubuntu font and a dark background. The source data is purely textual, derived from the exported message constant.

3343251455@qq.com

82% match

Loading thumbnail…

Hello VizHub

This example demonstrates a minimal VizHub project that renders a static greeting message in large, stylized text on a dark background. It shows how to combine a basic HTML page, CSS styling, and an ES6 module structure to produce a simple visual output. The code uses the D3.js `select` API to target the `#message` div and set its text content, while the `myMessage.js` module exports the message string. Styling relies on a Google Fonts import for the Ubuntu typeface and a custom color scheme defined in the stylesheet.

BBazarbayevManas

81% match

Loading thumbnail…

Hello VizHub

This example demonstrates a minimal interactive web page that displays the text “Hello VizHub!” in a large, styled font. The visualization uses D3.js v5, specifically the `select` method, to target an HTML `div` element and set its content with the text message. A local ES6 module, `myMessage.js`, exports the greeting string, which is imported and used by the main `index.js` script. The page is styled with an external CSS file, emphasizing a dark navy background, white text, and the Ubuntu font family.

Nnyan90

80% match

Loading thumbnail…

Hello VizHub

This example displays a static, full-page “Hello VizHub!” message in large Ubuntu type on a dark navy background, demonstrating VizHub’s basic project structure. It uses D3 v5’s `select` method to set the text of a `div` element, pulling the string from an exported ES6 module (`myMessage.js`). The styling relies on an external Google Fonts import and plain CSS. The visualization is purely textual, showcasing how D3, JavaScript modules, and CSS combine in a minimal single-file setup.

YYehui Wang

80% match

Loading thumbnail…

Hello VizHub

YYehui Wang

80% match

Loading thumbnail…

Hello VizHub

YYehui Wang

80% match

Loading thumbnail…

Hello VizHub

This example demonstrates a minimal text-rendering setup in VizHub, showing how to display a static message with large, styled typography. The page loads D3 v5 from a CDN, imports a custom ES6 module (`myMessage.js`) that exports the string "Hello VizHub!", and writes that string into the DOM using `document.getElementById().textContent`. Styling comes from an external CSS file that sets a dark navy background, light text, and the Ubuntu font from Google Fonts. No data or interactive behavior is involved; the visualization is purely presentational.

Bbobi0017

80% match