Hu(Henry)Li

@HuLi2019Fall·2 public vizzes

Hello D3 Version 6

This example demonstrates a minimal D3 version 6 setup that displays the text “Hello World” on a web page. It uses D3’s CDN script tag to load the library and a separate bundle.js file to execute the JavaScript logic. The code selects an HTML `<pre>` element by its ID and sets its text content with the message, relying on the Document Object Model API rather than D3’s selection methods. The page is styled with a large centered font size.

Aug 31, 2020

Loading thumbnail…

Hello D3 Version 6

This example displays the text “Hello World” in large, centered type on a blank page, demonstrating the simplest possible setup for D3 version 6. It shows how D3 v6 can be loaded via a CDN script tag and integrated with a plain HTML document. The code uses `document.getElementById` to target a placeholder element and sets its `textContent` property, with styling applied through a CSS rule in the page’s `<style>` block. No D3-specific functions are used; it purely illustrates a minimal first step.

Aug 31, 2020