Skip to main content
SimilarExport ZIP
100%

New Doc

✓ Published0🌍 Public
Ssaiyam-jain
Last edited Dec 4, 2019
Created on Dec 3, 2019
Forked from Hello VizHub

This example demonstrates the flexibility of VizHub for creating and styling a simple HTML document. It presents a page with a large heading and a bulleted list, where the first bullet is highlighted in red, all displayed against a dark blue background with prominent white text. The code imports the `select` function from D3.js to set the text content of a message div, pulling the string from an ES6 module, while a separate CSS file imports the Ubuntu font and controls overall page styling.

AI-generated description

An example showing the capabilities of VizHub.

MIT Licensed

Similar vizzes

Loading thumbnail…

Hello VizHub

This example demonstrates how to create a minimal interactive web page using the D3.js version 5 library. It displays the text “Hello VizHub!” in a large, styled font on a dark blue background, utilizing the imported `select` API from D3 to target and update the content of a `div` element. The page also showcases modular JavaScript with ES6 imports, loading a message from a separate `myMessage.js` file, and applies custom styling through an external CSS file that imports the Ubuntu font from Google Fonts. The visualization is a simple text rendering that highlights basic D3 DOM manipulation and project structure.

FFrançois Plet
82% match
Loading thumbnail…

Hello VizHub

This example demonstrates how to create a minimal interactive data-visualization page using D3.js within the VizHub environment. It displays a single text message, "Hello VizHub!", centered on a dark blue background with a large Ubuntu font. The code imports the `select` function from D3 and a local ES6 module to set the message content. The styles come from an external CSS file that pulls the Ubuntu font from Google Fonts. The example highlights basic module imports, DOM selection, and styling in a self-contained HTML page.

VvidhayakJI
81% match
Loading thumbnail…

Hello VizHub

This example demonstrates VizHub’s ability to combine HTML, CSS, ES6 modules, and D3.js into a single interactive document. It renders a large, styled welcome message on a dark background using the Ubuntu font. The code imports the D3 `select` function to target a div and set its text content from a separate module, `myMessage.js`, which exports a string. Styling is applied via an external stylesheet with a Google Fonts import, and D3 v5 is loaded from a CDN.

DDanteStack
81% match
Loading thumbnail…

Hello VizHub

This example displays a single, large, centered message on a dark background using the Ubuntu typeface. It demonstrates the basic structure of a VizHub project, combining an HTML page with a D3.js selection to update the text content of a div. The code imports the `select` function from D3 v5 and a local ES6 module to supply the string. Styling is handled through an external CSS file.

Hhpozza
81% match
Loading thumbnail…

Hello VizHub

This example displays a single bold message, “Hello VizHub!,” centered on a dark blue background using large Ubuntu typography. It demonstrates the basic structure of a VizHub project, including an HTML entry point, a modular JavaScript file, and a separate stylesheet. The code imports the `select` function from D3 v5 to set the text content of a div element, while an ES6 module exports the message string. Styling leverages the Google Fonts API for the Ubuntu font.

RRashmi000
81% match
Loading thumbnail…

Hello VizHub

This example displays a single bold "Hello VizHub!" message centered on a dark blue page. It demonstrates the basic structure of a VizHub project, using D3.js v5’s `select` method to update the text content of a `div` element. The message originates from a separate ES6 module, `myMessage.js`, and the page’s styling relies on the Ubuntu font imported via CSS. The code highlights modular JavaScript imports and D3’s DOM manipulation alongside external stylesheet linking.

DDeepanshuu
81% match
Loading thumbnail…

Hello VizHub

This example demonstrates a minimal “Hello VizHub!” message rendered as large, centered text on a dark blue background. It serves as a basic template for showing how a VizHub project is structured with separate HTML, JavaScript, module, and stylesheet files. The code imports D3’s `select` function to target a `div` by its `id` and sets its text content from an exported ES6 module variable. The styling uses an imported Ubuntu font from Google Fonts and applies a responsive font size of 12em.

DDharmateja
80% 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
80% match