Skip to main content
SimilarExport ZIP
100%

Hello VizHub

✓ Published0🌍 Public
JJustine Tinah
Last edited Jul 4, 2019
Created on Jul 4, 2019
Forked from Hello VizHub

This example displays the text “Hello VizHub!” centered on a dark blue background using the Ubuntu font. It demonstrates the basic structure of a VizHub project with separate files for HTML, JavaScript, and CSS. The JavaScript imports D3’s `select` function to target the `#message` div and sets its text content from a custom ES6 module. The presentation relies on CSS for styling, including a Google Fonts import and large font sizing.

AI-generated description

An example showing the capabilities of VizHub.

MIT Licensed

Similar vizzes

Loading thumbnail…

Hello VizHub

This example displays a single, large "Hello VizHub!" message centered on a dark blue background. It demonstrates how to set up a basic VizHub project with separate HTML, JavaScript, and CSS files. The code uses an ES6 module to export the message and D3’s `select` API to update the text of a DOM element. The Ubuntu font is applied via an imported Google Fonts stylesheet.

AAncipes
96% match
Loading thumbnail…

Hello VizHub

This example displays a large, centered "Hello VizHub!" message on a dark blue background using the Ubuntu font. It demonstrates the basic structure of a VizHub project, including an HTML file that sets up a message div, a JavaScript file that imports and uses D3's `select` function to set the div's text, a local ES6 module exporting the message string, and a CSS file that imports a Google Font. The visualization shows how simple text rendering can be achieved through modular code.

DDavid Kiarie
95% match
Loading thumbnail…

Hello VizHub

This example displays a single line of text, "Hello VizHub!", centered on a dark blue background using the Ubuntu font. It demonstrates the basic structure of a VizHub project, separating HTML, CSS, and JavaScript into distinct files. The text is rendered by D3.js version 5, which uses the `select` function to target the `#message` div and set its content. The message itself is imported from a local ES6 module, `myMessage.js`, while the styling is handled by `styles.css`.

Ttong900801
95% match
Loading thumbnail…

Hello VizHub

This example displays the message “Hello VizHub!” in large, centered, styled text on a dark blue background. It demonstrates the basic structure of a VizHub project, separating code into an HTML entry point, a JavaScript module, and a CSS stylesheet. The visualization uses D3.js v5, specifically the `select` function, to set the text content of a `div` element. The text is styled using the Ubuntu font imported from Google Fonts, with the background color defined in CSS.

Kkmartinf
95% match
Loading thumbnail…

Hello VizHub

This example displays a static "Hello VizHub!" message in large, styled text centered on a dark blue background. It demonstrates the basic structure of a VizHub project, including an HTML page, linked stylesheet, and JavaScript modules. The code uses D3.js v5’s `select` function to target the `#message` div and set its text content from an ES6 module export. Custom CSS imports the Ubuntu font and applies vivid styling, showcasing how to combine D3, modular JavaScript, and external resources in a minimal, readable setup.

Bblackanthem
95% match
Loading thumbnail…

Hello VizHub

This example displays a simple text message, "Hello VizHub!", centered on a dark blue background with large, light-colored Ubuntu font. It demonstrates the basic structure of a VizHub project, using an HTML file to load D3.js and a stylesheet, while importing and rendering content from a separate ES6 module. The visualization uses D3's `select` function to target a specific DOM element and set its text content, highlighting how to combine modular JavaScript with external styling.

JJesmaaar
95% match
Loading thumbnail…

Hello VizHub

This example displays a simple text message, "Hello VizHub!", centered on a dark blue background with large, light-colored Ubuntu font. It demonstrates the basic structure of a VizHub project, using an HTML file to load D3.js and a stylesheet, while importing and rendering content from a separate ES6 module. The visualization uses D3's `select` function to target a specific DOM element and set its text content, highlighting how to combine modular JavaScript with external styling.

JJesmaaar
95% match
Loading thumbnail…

Hello VizHub

This example displays a simple text message, "Hello VizHub!", centered on a dark blue background with large, light-colored Ubuntu font. It demonstrates the basic structure of a VizHub project, using an HTML file to load D3.js and a stylesheet, while importing and rendering content from a separate ES6 module. The visualization uses D3's `select` function to target a specific DOM element and set its text content, highlighting how to combine modular JavaScript with external styling.

JJesmaaar
95% match