signlog2

@signlog2·3 public vizzes

Hello VizHub

This example demonstrates how to parse and display a small dataset of car listings as plain text. The code uses a custom parser function to filter cars by a price threshold and format each match into a readable line. The result is injected into an HTML `<pre>` element using the DOM API. The page is styled with CSS, and the dataset is defined within the code as a JSON string.

Jul 1, 2019

Loading thumbnail…

Hello VizHub

This example demonstrates a minimal D3.js visualization that displays the text “Hello VizHub!” in a large, centered Ubuntu font on a dark blue background. It shows how to structure a simple web page using HTML, CSS, and ES6 modules, with D3’s `select` method updating the text content of a designated div element. The page imports D3 from a CDN and uses a local module to export the message string, illustrating basic data-binding and modular code organization within the VizHub framework.

Jul 1, 2019

Loading thumbnail…

Hello VizHub

This example displays a large, centered greeting—"Hello VizHub!"—in bright text against a dark blue background, styled with the Ubuntu font. It demonstrates fundamental VizHub capabilities, including importing D3.js functions and local ES6 modules. The code uses `d3.select` to set the text content of an HTML `<div>` element, sourced from a separate `myMessage.js` module, with styling applied via an external CSS file.

Jul 1, 2019