CORMEEN

@CORMEEN·4 public vizzes

Cars Report

This example displays a static “Hello World” message in a large, styled font against a dark blue background. It demonstrates the basic structure of a VizHub project using ES6 modules, importing car data from a separate module and rendering text via the DOM’s `textContent`. The code relies on standard JavaScript APIs, including `JSON.parse` for car data and `document.getElementById` for element access, with CSS styling from an external stylesheet. No visualization or interactive behavior is present, focusing instead on module imports and simple DOM manipulation.

Nov 27, 2019

Loading thumbnail…

Untitled

A minimal VizHub example displays the text “杨洋投票组” in large, centered type on a deep navy background. It demonstrates a simple ES6 module import system where `index.js` defines a message variable that is not actually rendered in the visible HTML. The page uses the Ubuntu font from Google Fonts, styled through an external CSS file. The `index.html` file loads a pre-built `bundle.js` script, showing how Rollup compiles the modular JavaScript for the browser, though the final output only presents static text with no interactive or data-driven elements.

Nov 26, 2019

Loading thumbnail…

Untitled

This example demonstrates a minimalist data-visualization report rendered as a web page. It displays the text "Cars Report" as a title, alongside a large, centered message reading "杨洋投票组" in a custom font. The page uses a dark blue background with light text for high contrast. The code imports an ES6 module that exports a "Hello VizHub!" message, and the layout is styled using CSS with the Ubuntu font from Google Fonts. The page is generated and loaded via a JavaScript bundle.

Nov 26, 2019

Loading thumbnail…

Hello VizHub

This example renders a static, full-screen message that reads “Hello VizHub!” in large white Ubuntu type against a deep navy background. The visualization uses D3.js version 5’s `select` function to target the `#message` div and set its text content, while an ES6 module (`myMessage.js`) exports the greeting string. Styling is applied through an external stylesheet that imports the Google Fonts Ubuntu typeface and sets the page’s color, alignment, and font size. The page loads D3 from a CDN and the local `bundle.js` script.

Nov 26, 2019