KayDD1

@KayDD1·6 public vizzes

Fork of Hello VizHub

This example demonstrates basic D3.js text manipulation and ES6 module imports within the VizHub environment. It uses the `select` function from D3 v5 to populate a `div#message` element with a greeting string. The greeting originates from a separate local module, `myMessage.js`, highlighting how VizHub supports modular code organization. The page loads D3 via UNPKG and applies custom styling through an external `styles.css` file, showing a simple, complete visualization scaffold.

Feb 1, 2022

Loading thumbnail…

Fork of Fork of HTML Starter

This example displays a large, centered message reading “Hello HTML!” using a bold 13-em font size. The page consists of a single HTML file with embedded CSS styling and no external JavaScript or data sources. The styling is applied directly to a `<div>` element via the `.message` class, demonstrating basic HTML structure and CSS text formatting without any visualization frameworks or libraries.

Feb 1, 2022

Loading thumbnail…

Fork of HTML Starter

This example shows a single centered message, “Hello HTML!”, rendered as large text using CSS. The page is a minimal HTML document with a div element styled through a CSS class. It relies on native HTML and CSS only, with no external libraries or data sources. The styling uses the `font-size` and `text-align` properties to create the visual effect, demonstrating a basic static layout without any JavaScript or dynamic behavior.

Feb 1, 2022

Loading thumbnail…

Fork of HTML Starter

This example displays a large, centered “Hello HTML!” message in a 13-em font. It demonstrates a minimal HTML page that uses embedded CSS for styling and no JavaScript. The page consists of a single `<div>` element with the class “message,” which controls the font size and text alignment. The visualization is purely static, showing how simple styling can create a clear, readable presentation without any data or interactive features.

Feb 1, 2022

Loading thumbnail…

hello

This example displays the text “Hello HTML!” centered on the page with a font size of 13em. It uses plain CSS for styling and the `div` element to structure the message. The code is a minimal HTML document that loads no external libraries or frameworks, relying solely on standard HTML and CSS. It demonstrates how simple static text can be presented with basic inline styling.

Feb 1, 2022

Loading thumbnail…

Fork of D3 Starter

This example demonstrates the simplest possible D3 setup: a page that displays the text “Hello D3 version 7” in the browser. It uses the D3 v7 library, loaded via a CDN, and the `select` API to target the `<body>` element and set its text content. The visualization shows a minimal HTML structure with a large, centered font, and the JavaScript code is separated into an external `bundle.js` file. It serves as a starting point for building more complex D3 projects, with the underlying data being the static string itself.

Feb 1, 2022