J. Hunter Priniski

@jpriniski·3 public vizzes

Fork of Hello VizHub

This example demonstrates a minimal D3.js setup that renders a static text message in the browser. It shows how to load D3 v5 from a CDN, import the `select` function from the `d3` module, and import a local ES6 module. The code uses `select('#message').text(message)` to insert the text "Hello VizHub!" into the page, while a CSS rule centers it with a large font size.

Mar 8, 2021

Loading thumbnail…

Fork of HTML Starter

This example displays the text “Hello HTML” in the center of the page at an extremely large font size, demonstrating a minimal static web page. The code uses plain HTML and CSS for layout and styling, with a small embedded JavaScript snippet that logs “Hello JavaScript!” to the browser console. It includes no external libraries or data sources, serving instead as a bare-bones template for integrating CSS and JavaScript into an HTML document. The page is styled using a `body` selector with `text-align: center` and `font-size: 13em`.

Mar 8, 2021

Loading thumbnail…

Cars Report

This example demonstrates a minimal data-visualization setup in VizHub, displaying a static message in a web page. The code imports a small dataset of car records from a local ES6 module and defines a string variable, though only the string is rendered as text in an HTML heading. D3 is loaded via UNPKG from a CDN, and the example showcases modular JavaScript imports and basic DOM manipulation with `document.getElementById`. The styling is handled by a linked CSS file, with the final output appearing as centered, large text.

Mar 8, 2021