Nithin Gopalakrishnan (@nit611), VizHub

Cars Report

A plain HTML page displays a large "Hello World" message by writing text into a `<pre>` element. The example introduces D3 version 6 by using JavaScript to set the text content of that element directly via `document.getElementById`. It does not load any data or use any D3-specific APIs, serving only as a minimal starter template for a report titled "Cars Report."

Feb 11, 2021

Loading thumbnail…

Fork of HTML Starter

This example displays the text "Hello HTML" in large, centered type on a plain white page. It demonstrates the fundamental structure of an HTML document, using a CSS `style` block to set the body’s text alignment and font size. The page also includes an embedded JavaScript script that logs "Hello JavaScript!" to the browser’s developer console, illustrating basic client-side scripting within a single file.

Feb 11, 2021

Loading thumbnail…

Fork of HTML Starter

This example displays the text "Hello HTML" in large, centered type on a plain white page. It demonstrates the fundamental structure of an HTML document, using a CSS `style` block to set the body’s text alignment and font size. The page also includes an embedded JavaScript script that logs "Hello JavaScript!" to the browser’s developer console, illustrating basic client-side scripting within a single file.

Feb 11, 2021

Loading thumbnail…

Fork of D3 Starter

A bare-bones starter template demonstrates a minimal D3 version 6 setup. The page displays the static text “Hello D3 version 6” in the body. The implementation uses the `select` function from the `d3` module to target the body element and set its text content. The HTML file loads a pre-built `bundle.js`, and the styling sets the font size to a large 13em. No data or dynamic visualization is present.

Feb 6, 2021

Loading thumbnail…

Fork of HTML Starter

This example displays the text "Hello HTML" in large, centered type on a plain white page. It demonstrates the fundamental structure of an HTML document, using a CSS `style` block to set the body’s text alignment and font size. The page also includes an embedded JavaScript script that logs "Hello JavaScript!" to the browser’s developer console, illustrating basic client-side scripting within a single file.

Feb 6, 2021

Loading thumbnail…

Fork of Fork of Hello VizHub

This example demonstrates how VizHub supports ES6 modules and external libraries by rendering a centered “Hello VizHub!” message. It imports the `select` function from D3 v5 (loaded via UNPKG) to manipulate the DOM, and imports a local `message` string from a separate `myMessage.js` module. The message is displayed in a large, centered font using CSS. The code shows the basic setup for combining CDN-loaded D3 with modular JavaScript in a VizHub project.

Feb 6, 2021

Loading thumbnail…

Fork of Hello VizHub

This example displays a simple text message—“Hello VizHub!”—centered on the page using D3.js. It demonstrates importing the `select` function from D3 via ES6 modules, alongside a local module that exports the message string. The code loads D3 v5 from UNPKG, applies styling through an external CSS file, and renders the text by setting the DOM element’s content with `select().text()`.

Feb 6, 2021