Skip to main content
Log in
T

temesimarci

@temesimarci·4 public vizzes

Loading thumbnail…

Hello VizHub

This example displays the static text “Hello World” centered on a white background. The message is inserted into a paragraph element using the Document Object Model via `document.getElementById` and setting `textContent`. Styling is applied through a linked CSS file that imports the Ubuntu font from Google Fonts and sets the font size, color, and alignment. The visualization relies on standard browser APIs, with no external JavaScript libraries or data sources involved.

Aug 10, 2019
Loading thumbnail…

Hello VizHub

This example demonstrates a minimal single-page visualization that renders the text “Hello World” in large, centered Ubuntu type. It uses plain HTML, CSS, and JavaScript to set the text content of a `<pre>` element via `document.getElementById`, while the stylesheet imports the Ubuntu font from Google Fonts. The code does not employ any external visualization libraries or data processing.

Aug 10, 2019
Loading thumbnail…

Hello VizHub

This example demonstrates a minimal "Hello World" message rendered on a solid dark blue background with large, centered Ubuntu font text. It uses D3.js version 5.9.1 to select a div element and set its text content, while also updating a separate element with a plain JavaScript assignment. The page imports a static string from a local ES6 module (`myMessage.js`) and applies styling through an external stylesheet. The visualization showcases basic DOM manipulation, module imports, and text styling rather than data-driven graphics.

Aug 10, 2019
Loading thumbnail…

Hello VizHub

This example displays a single, large "Hello VizHub!" message in the center of a dark blue page, styled with the Ubuntu font. It demonstrates a minimal D3.js setup by using `select` to set the text content of a `div` element, pulling the string from a separate ES6 module. The visualization relies on an external D3 v5 script loaded via CDN and imports the `message` variable from `myMessage.js` to populate the view, with all styling defined in a linked stylesheet.

Aug 10, 2019