Shihan2002

@Shihan2002·4 public vizzes

Formal Report

This example renders a simple text-based formal report of used cars priced under $2000. It displays each qualifying car as a formatted line combining year, make, model, and price. The code uses vanilla JavaScript with the `filter` and `map` array methods, along with a template literal `formatCar` function, to process data from a static JSON array. The resulting report is inserted into the page via `document.getElementById` and `textContent`, with styling applied through inline CSS on a `<pre>` element.

Apr 16, 2023

Loading thumbnail…

Fork of Hello VizHub

This example demonstrates a minimal D3.js setup that renders a centered “Hello World!” message. The visualization shows how VizHub enables modular code organization, as the `index.js` file imports both the `select` function from D3 and a local ES6 module, `myMessage.js`, using `import` statements. The HTML loads D3 v5 from UNPKG and links to external CSS and compiled JavaScript files. The code uses the `select('#message').text()` method to update the page’s content, showcasing fundamental D3 selection and DOM manipulation.

Apr 16, 2023

Loading thumbnail…

Fork of Hello VizHub

This example demonstrates the fundamental workflow of the VizHub platform by rendering the text “Hello VizHub!” in a large, centered message. It shows how to combine external libraries with local code, loading D3.js from the UNPKG CDN and using the `select` API to target the HTML element. The implementation also highlights ES6 module usage by importing a message string from a separate `myMessage.js` file. The project includes `index.html`, a CSS file for styling, and a bundled JavaScript file.

Apr 16, 2023

Loading thumbnail…

Cars report

This example displays a bare-bones “Cars report” page, showing static text and a simple “Hello HTML!” message. It uses React via a starter template, but the visible code relies on plain HTML and CSS, with a placeholder `<script scr='bundle.js'></script>` that incorrectly references a bundle. The page does not include any data visualization, charts, or car-related data; it only demonstrates a minimal HTML structure with a message div. The rendering approach is static, with no JavaScript libraries such as D3 or Three.js actively computing or drawing any graphics.

Apr 16, 2023