Kvip

@Kvip·5 public vizzes

cars report 2

This example displays a static web page that centers the text "hi" at a very large font size, with a smaller "hi" rendered in a preformatted element below. It demonstrates a minimal setup for a React-style project using JavaScript modules, importing a string value from a separate `cars.js` file and inserting it into the DOM via `document.getElementById`. The styling uses inline CSS within the HTML, and the browser console logs a greeting. The data source is a simple exported constant.

Dec 3, 2020

Loading thumbnail…

cars report

This example displays the text "hiii" on a blank page by importing a constant from a JavaScript module and inserting it into a preformatted HTML element. Built with React and the VizHub framework, the code uses `document.getElementById` to set the text content of the element. The page is styled with a small inline CSS font-size, and the data originates from a local array exported in a separate file.

Dec 3, 2020

Loading thumbnail…

begin

This example demonstrates a simple web page that displays a JavaScript array of values, including numbers, strings, booleans, and results from function calls, directly in the browser. The page uses the HTML `pre` element and the DOM API `document.getElementById` to set its text content. The JavaScript code defines and invokes several functions, including arrow functions and a standard function with conditional logic, to compute results shown on the page. The accompanying `index2.html` displays a separate static message using the same DOM method.

Dec 2, 2020

Loading thumbnail…

HTML Starter

This example demonstrates a minimal HTML page within the VizHub gallery, displaying the text "Hello HTML" prominently on a blank canvas. The code uses plain HTML for structure, embedded CSS to center and enlarge the text, and JavaScript to log a message to the browser’s developer console. It serves as a bare-bones starter template, contrasting with a separate React-based starter, and relies solely on standard web technologies without any external libraries or data sources.

Dec 2, 2020

Loading thumbnail…

HTML Starter

This example presents a bare-minimum HTML page that displays the text “Hello HTML” at a very large font size. Styled with CSS for centered alignment and a 13em font size, it also includes an embedded JavaScript snippet that logs “Hello JavaScript!” to the browser’s developer console. The code directly uses the HTML `<style>` and `<script>` tags. It demonstrates the foundational combination of HTML, CSS, and JavaScript in a single file, serving as a simple starting point for a web-based visualization.

Dec 2, 2020