Untitled

100%

✓ Published0🌍 Public

Last edited Aug 9, 2019

Created on Aug 9, 2019

This example displays a full-screen greeting message, showing how VizHub integrates modular code and styling. The page renders the text “Hello VizHub!” in large, centered Ubuntu font with a dark blue background. The code imports the `select` function from D3.js and a local ES6 module to supply the message string. Styling is applied globally via CSS, including a Google Fonts import, while the HTML structure is minimal, relying on JavaScript to populate the content.

AI-generated description

An example showing the capabilities of VizHub.

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This example displays a simple greeting message, “Hello VizHub!”, centered on the page using the D3.js `select` method to update the text of a div element. The visualization is rendered in plain HTML with an external stylesheet that applies the Ubuntu font, a dark background, and large, light-colored text. The code is organized into ES6 modules, importing the message from a separate file, and relies on a bundled script for execution. The data source is a static string defined within the code.

Iianleekq

91% match

Loading thumbnail…

Untitled

This example demonstrates VizHub's basic capabilities with a minimal web page. It displays the text "Hello VizHub!" in large, centered Ubuntu font against a dark blue background. The page imports D3.js and uses its `select` function to set the text content of a `div` element, while a local ES6 module exports the message string. The styling is applied through a separate CSS file.

FFelipe Menegossi

90% match

Loading thumbnail…

Untitled

This example demonstrates the basic setup of a VizHub project, displaying a large, centered “Hello VizHub!” message in white on a dark navy background using the Ubuntu font. It imports the `select` function from D3.js to target the `#message` div and sets its text content to a string exported from a local ES6 module. Styling is handled entirely through CSS, defining the page background, text color, alignment, and font size.

RRosa

90% match

Loading thumbnail…

Untitled

This example displays a full-screen, single-word message centered against a dark blue background using the Ubuntu typeface. The text is rendered at a very large font size, demonstrating basic styling and layout with CSS custom properties. The page loads D3.js and uses its `select` method to target a `<div>` element and inject a text string imported from a local module, showcasing modular code organization within VizHub. The rendering approach relies on standard DOM manipulation and CSS for visual output.

RRakeshkanth

90% match

Loading thumbnail…

Untitled

This example displays the message “Hello VizHub!” in large, centered text within a web page. It demonstrates fundamental VizHub capabilities by loading D3 via UNPKG and using the `select` function from D3 to set the text content of an HTML element. The code also imports a local ES6 module, `myMessage.js`, which exports the displayed string, and applies styling through an external `styles.css` file.

VVenkat-Sumith-Thota

89% match

Loading thumbnail…

Hello VizHub

This example displays a static greeting message, “Hello VizHub!”, centered on a dark blue background with large, light-colored Ubuntu typography. It demonstrates the basic structure of a VizHub project, including separate HTML, CSS, and JavaScript modules. The code uses D3.js (v5) via `select` to set the text content of a div, while ES6 modules export the message string and import it into the main script. The styling relies on an external Google Fonts import for the Ubuntu typeface.

Iiascchwen

89% match

Loading thumbnail…

Hello VizHub

This example displays a large, centered greeting—"Hello VizHub!"—in bright text against a dark blue background, styled with the Ubuntu font. It demonstrates fundamental VizHub capabilities, including importing D3.js functions and local ES6 modules. The code uses `d3.select` to set the text content of an HTML `<div>` element, sourced from a separate `myMessage.js` module, with styling applied via an external CSS file.

Ssignlog2

88% match

Loading thumbnail…

Hello VizHub

This example displays a simple greeting, “Hello VizHub!”, in large, styled text centered on a dark blue screen. It demonstrates the core workflow of D3.js v5 with ES6 modules by importing the `select` function from the D3 library and a local `message` constant from `myMessage.js`. The code then uses `select('#message')` to set the text content of that HTML element, while `styles.css` applies an imported Ubuntu font and color scheme. This serves as a minimal, functional template for building and importing modules in VizHub.

KKaruna66

88% match