Skip to main content
Log in
B

bellsamuel

@bellsamuel·4 public vizzes

Loading thumbnail…

Cars Report

This example displays the make of the first car in a dataset as large text on the page. It demonstrates importing a local ES6 module and parsing a JSON string, with the data defined in a separate file. The visualization uses D3 v5 loaded from a CDN and relies on the standard `document.getElementById` API to update the displayed message, rather than any D3-specific rendering methods.

Feb 15, 2021
Loading thumbnail…

Fork of Hello VizHub

This example demonstrates the basic structure of a VizHub project, using D3.js to manipulate the DOM. It shows how to load D3 v5 from a CDN and import specific functions like `select` from the library. The code also imports a local ES6 module, `myMessage`, to retrieve a string, which is then applied to the text content of a `#message` div. This provides a minimal, clear template for combining external libraries with modular JavaScript in a web visualization. The data is a simple static message, not a dataset.

Feb 15, 2021
Loading thumbnail…

Fork of Hello VizHub

This example demonstrates how to set up a minimal D3.js project within the VizHub environment, showing a single text element that reads “Hello VizHub!”. It highlights the use of ES6 modules for importing both local code and external libraries. The code imports the `select` function from D3 v5 via UNPKG and uses it to set the text content of a `div` element based on a string exported from a separate local module. The HTML page loads D3 from a CDN and a bundled JavaScript file, while a local stylesheet provides basic styling.

Feb 15, 2021
Loading thumbnail…

Fork of HTML Starter

This example displays the static text "Hello HTML" at a very large font size, centered on a blank page, with a single console message output on load. It is a minimal demonstration of styling with CSS and scripting with JavaScript, using no external libraries. The code defines a basic HTML document structure, applies a font-size of 13em to the body, and logs a string to the browser’s developer console.

Feb 15, 2021