Labas pasauli

100%

✓ Published0🌍 Public

Last edited Oct 28, 2019

Created on Oct 27, 2019

This example displays a large, static text message on a dark blue background using custom CSS styling. The page renders the string “dasd” in a `<pre>` element, with the text content set via `document.getElementById` and `textContent` in plain JavaScript. The styling imports the Ubuntu font from Google Fonts and applies a 12em font size, centered layout, and light gray color scheme. No interactive features or data visualizations are present, and the included `cars` dataset is defined but not used in the rendering process.

AI-generated description

An example showing the capabilities of VizHub.

MIT Licensed

Similar vizzes

Loading thumbnail…

Cars Report

This example displays a large, centered “Hello World” message on a dark blue background using the Ubuntu font. The page is styled entirely through CSS, with the body configured for full-screen text and a light color scheme. The code uses plain JavaScript to select the `message-element` from the DOM and set its text content, while the HTML structure loads the bundled script and stylesheet. It demonstrates a minimal setup where layout and typography are controlled via `styles.css`.

NNickJolly

75% match

Loading thumbnail…

Cars report

This example demonstrates a minimal Hello World message rendered in large, styled text on a dark blue background. It uses plain DOM manipulation to set the text content of a `<pre>` element, while a second message is defined in an ES6 module. The page layout is controlled with CSS, importing the Ubuntu font from Google Fonts and setting a 12em font size for the body text.

RRohinton Kazak

74% match

Loading thumbnail…

Cars Report

This example demonstrates a minimal web page that displays a large, centered message using an HTML `<pre>` element. The page is styled with a dark blue background, light text, and the Ubuntu font from Google Fonts. The core functionality is implemented in JavaScript, where the `document.getElementById` method is used to set the text content of the message element. The example includes a separate ES6 module, `myMessage.js`, which exports a string, though it is not imported or used in the main script. The result is a simple, static typographic display.

KKas4

74% match

Loading thumbnail…

Cars Report

This example displays a large “Hello World!” message in glowing white text on a dark navy background, styled with the Ubuntu font. The page uses plain JavaScript to update the content of an HTML `<pre>` element via `textContent`, while the stylesheet imports the Ubuntu typeface from Google Fonts and applies a centered layout with a high-contrast color scheme. The code includes separate HTML, JavaScript, and CSS files, with the main script running after a bundled file loads, though no data source or visualization library is used.

DDaniel Cebula

74% match

Loading thumbnail…

Cars Report

This example displays a static "Hello World" message in large, styled text on a dark blue background, with the car dataset loaded but not visualized. The page renders the message via plain DOM manipulation, using `document.getElementById` to set the text content of a `<pre>` element. The appearance is defined with CSS, including the Ubuntu font from Google Fonts and a large font size. The code demonstrates basic ES6 module exports and imports, with the car data defined as JSON in a separate module, though no charts or interactive visualizations are present.

RRashmi000

74% match

Loading thumbnail…

Labas pasauli

A minimal "Hello VizHub!" example demonstrates how D3.js and ES6 modules can be combined to update page content. The code imports the `select` function from D3 and a message string from a local `myMessage.js` module, then assigns that string to the `text` of a `#message` element. Styling via CSS sets an Ubuntu font, large font size, and a navy background. The example shows a simple data-free approach to rendering a static greeting, highlighting module imports and basic DOM manipulation.

Ppauliuszutautas

74% match

Loading thumbnail…

Cars Report

This example displays a large “Hello World” message in white Ubuntu font against a dark blue background, with the text centered on the page. It loads a car dataset from a JavaScript file, parsing an array of car objects containing year, make, model, and price, but only displays a static string rather than visualizing the data. The page uses the `cars` import from `cars.js` and sets the text content of a `<pre>` element via the DOM API. The styling applies CSS custom properties and a web font.

TTrehein

73% match

Loading thumbnail…

Cars Report

This example displays a static text message, “wtf,” on a dark blue page with large Ubuntu font styling. It imports a small JSON dataset of car names, models, and prices, but the data is not used in the rendering. The page is built with an HTML structure, a JavaScript module that sets text content via `document.getElementById`, and CSS with an imported Google Font. The visualization demonstrates basic DOM manipulation and modular ES6 imports without any data-driven charting or interactive features.

DDominika Modzelewska

73% match