robinweis

@robinweis·4 public vizzes

Hello VizHub

This example demonstrates a simple text display within the VizHub environment. The page shows the message "Hello VizHub!" on a dark background. The code imports the `select` function from D3.js to update the text content of a `div` element. It also imports candidate data from a local module, although this data is not rendered on the page. The styling uses an Ubuntu font and a color scheme set in CSS.

Nov 12, 2019

Loading thumbnail…

HTML Cars Report

This example presents a simple HTML-based car report as a static web page. It displays a bulleted list of three used cars, with one entry—the 2008 Mazda 3—highlighted in red via the `.highlighted` CSS class, and another entry including a price. The page uses plain HTML structure with a linked external stylesheet (`styles.css`), setting a large monospace font for the body. No JavaScript or charting libraries are involved; the visualization relies solely on HTML markup and CSS styling to convey the data.

Oct 16, 2019

Loading thumbnail…

Cars Report

This example demonstrates how a list of used cars can be filtered by maximum price and formatted into a plain-text report. The page initially displays "Loading..." and then shows the report after a simulated two-second delay, listing cars under $2,400. The code uses a Promise-based `getCars()` function to return hardcoded JSON data, along with array methods like `filter()` and `map()`, and string joining to produce the output. The report text is rendered directly into an HTML `<pre>` element with large styled typography.

Oct 16, 2019

Loading thumbnail…

Hello VizHub

This example displays the text “Hello VizHub!” in large, styled type on a dark blue background, demonstrating a minimal D3.js setup within the VizHub environment. It shows a static message rendered via D3’s `select` method into a `div` element, with the message content imported from a separate ES6 module. The page loads D3 v5 from a CDN and applies custom font and color styling through CSS, illustrating modular code organization and basic DOM manipulation without any interactive or data-driven features.

Oct 4, 2019