Skip to main content
SimilarExport ZIP
100%

Hello VizHub

✓ Published0🌍 Public
FFatimaJahara
Last edited Aug 26, 2019
Created on Aug 26, 2019
Forked from Hello VizHub

This example displays a large, centered “Hello VizHub!” message in a dark blue, Ubuntu-styled page. It demonstrates the basic structure of a VizHub project, separating HTML, CSS, and ES6 modules. Using D3.js v5, the code imports the `select` function from the `d3` module to target the `#message` div and set its text content from an exported constant in a local module. The page relies on an external Google Fonts import for styling.

AI-generated description

An example showing the capabilities of VizHub.

MIT Licensed

Similar vizzes

Loading thumbnail…

Hello VizHub

This example displays a large, centered “Hello VizHub!” message on a dark blue background with white Ubuntu font. It demonstrates basic VizHub project structure using ES6 modules and D3.js. The code imports the `select` function from D3 and a custom `message` string from a local module, then sets the text of a `div` element using `select('#message').text()`. Styling is handled through an external CSS file with a Google Fonts import.

EEyob Westerink
96% 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
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
96% match
Loading thumbnail…

Hello VizHub

This example displays a large, centered “Hello VizHub!” message in bright text against a dark blue background. It demonstrates the basic structure of a VizHub project, using an ES6 module to export the message string and D3’s `select` method to set the text content of a `div`. The page imports the Ubuntu font via CSS and uses D3 v5 from the CDN.

RRohinton Kazak
95% match
Loading thumbnail…

Hello VizHub

This example displays a single static message, "Hello VizHub!", centered on a dark blue page with large, light-colored Ubuntu text. It demonstrates the basic structure of a VizHub project: an HTML page imports D3 v5 and a bundled JavaScript file, while the main script uses D3's `select` function to set the text content of a div element. The message itself comes from a separate ES6 module, `myMessage.js`, showcasing modular code organization and the use of a Google Fonts stylesheet for styling.

Llamiyaa
95% match
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
95% match
Loading thumbnail…

Hello VizHub

This example displays a single, large "Hello VizHub!" message in the center of a dark page, styled with white Ubuntu font. It demonstrates the basic workflow of a D3.js v5 project using embedded HTML and CSS, along with modular JavaScript. The code imports the `select` function from D3 to target the `#message` div and sets its text content from a separate ES6 module, `myMessage.js`, which exports the greeting string. The page loads D3 from a CDN and uses a Google Fonts import for typography.

吴吴昊
95% match
Loading thumbnail…

Hello VizHub

This example displays a single, large "Hello VizHub!" message in the center of a dark page, styled with white Ubuntu font. It demonstrates the basic workflow of a D3.js v5 project using embedded HTML and CSS, along with modular JavaScript. The code imports the `select` function from D3 to target the `#message` div and sets its text content from a separate ES6 module, `myMessage.js`, which exports the greeting string. The page loads D3 from a CDN and uses a Google Fonts import for typography.

吴吴昊
95% match