Skip to main content
Log in
K

konwthelove

@konwthelove·4 public vizzes

Loading thumbnail…

Hello VizHub

This example displays a single word, “ello VizHub!”, centered against a dark blue background using large Ubuntu type. It demonstrates a minimal D3.js setup, importing the `select` function from D3 v5 to target a `div` by ID and set its text content. The text originates from an ES6 module export, and styling relies on Google Fonts imported via CSS. The visualization serves as a bare-bones template for structuring a project with separate HTML, JavaScript, and stylesheet files.

Jun 27, 2019
Loading thumbnail…

Hello VizHub

This example demonstrates how to display a simple text message on a webpage using D3.js and ES6 modules. The code selects a div element with the ID `message` and sets its text content using D3’s `select` method. The message itself comes from a separate JavaScript module, showing how to import and reuse local functions. The page is styled with a dark background and large Ubuntu font via CSS, referencing a Google Fonts import. D3 v5 is loaded from a CDN, and the visualization uses no external data sources.

Jun 27, 2019
Loading thumbnail…

Hello VizHub

This example displays a single, large “ello VizHub!” message centered on a dark blue page, demonstrating the basic structure of a VizHub project. It uses D3.js v5’s `select` method to set the text content of a `div` element, pulling the string from a separate ES6 module (`myMessage.js`). The page’s styling, including the Ubuntu font and background color, is defined in an external `styles.css` file, while `index.html` loads the D3 library and the bundled JavaScript.

Jun 27, 2019
Loading thumbnail…

Hello VizHub

This example displays the text "VizHub!" in large, bright Ubuntu font against a dark blue background, demonstrating a minimal D3.js v5 setup. It uses the `select` API from D3 to target the `#message` div and set its text content, while a separate ES6 module (`myMessage.js`) exports the string. The page is styled entirely through CSS, with no charts, data, or interaction beyond static text rendering.

Jun 27, 2019