Skip to main content
SimilarExport ZIP
100%

Hello People

✓ Published0🌍 Public
TTazgajo
Last edited Dec 12, 2019
Created on Dec 12, 2019
Forked from Hello VizHub

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.

AI-generated description

An example showing the capabilities of VizHub.

MIT Licensed

Similar vizzes

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.

TTazgajo
83% match
Loading thumbnail…

Untitled

A web page renders a large, centered greeting message against a dark navy background. The text is styled with the Ubuntu font family and appears in a light color at a very large font size. The example demonstrates basic HTML structure, CSS styling, and ES6 module functionality by importing a message string from a separate JavaScript module. The code uses a custom CSS rule set and an external Google Fonts stylesheet, with the message output displayed directly in the browser.

Ssanjaymirdha
77% match
Loading thumbnail…

Hello VizHub

This example displays a static, centered greeting message on a dark blue page using D3.js and a custom ES6 module. The visualization uses `select('#message')` to target a div and set its text content, while the open-source Ubuntu font and large font size create a bold visual statement. The data is a hardcoded string exported from `myMessage.js`, and the page layout relies on CSS for background color, text alignment, and typography.

JJittinat
75% match
Loading thumbnail…

Untitled

A minimalist web page displays a single, large greeting message centered on a dark gray background with light gray text, using the Ubuntu font. The example demonstrates a basic D3.js setup by importing the `select` function to target an HTML element and set its text content. The page's styling comes entirely from a CSS file that defines the color scheme, layout, and typography. The code imports a local ES6 module to provide the displayed message string, and the entire visualization is a static text presentation rather than a dynamic or interactive graphic.

Vveroalfaro
75% match
Loading thumbnail…

Hello VizHub!

This example displays the text “Hello World!” centered on a dark page. It uses an ES6 module to export the message string, which is then imported and displayed in the `index.js` file. The page’s styling is handled by CSS, which imports the Ubuntu font from Google Fonts and sets a large font size, gray background, and light text color. The visualization serves as a minimal template, relying on HTML, JavaScript, and CSS without additional libraries.

CChristopher Repka
75% match
Loading thumbnail…

Welcome

This example displays a simple greeting page with three lines of text in different colors and fonts. The page uses plain HTML and CSS, with no JavaScript libraries or data sources. It renders “Hello Friends!” in large green Arial text, followed by a cyan Verdana line, and a purple message with extra spacing. The styling is applied through inline CSS rules that set font families, sizes, and RGB colors for each text block. The code demonstrates basic static text presentation without any interactive or dynamic visualization features.

Eemkim210
75% match
Loading thumbnail…

Hello HTML

This example demonstrates the simplest possible way to render text on a web page, showing a large, centered “Hello HTML!” message. The visualization uses plain HTML and CSS, with the `.message` class setting the font size to 13em and centering the text via `text-align`. A JavaScript file, `index.js`, only logs a static string to the console. No external libraries or data sources are involved; the rendering is entirely handled by the browser’s native HTML and CSS layout engine.

Bbryant.mikha@gmail.com
75% match
Loading thumbnail…

Hello HTML

This example demonstrates the simplest possible way to render text on a web page, showing a large, centered “Hello HTML!” message. The visualization uses plain HTML and CSS, with the `.message` class setting the font size to 13em and centering the text via `text-align`. A JavaScript file, `index.js`, only logs a static string to the console. No external libraries or data sources are involved; the rendering is entirely handled by the browser’s native HTML and CSS layout engine.

Bbryant.mikha@gmail.com
75% match