vaishalivr

@vaishalivr·6 public vizzes

Cars Report

This example shows a text-based report of cars filtered by price. It displays a list of car models, their year, make, model, and price, generated by filtering the data to include only cars priced under 2100. The visualization uses React, with JavaScript functions `generateReport` and `formatCar` to process the data. The code loads car data from a hardcoded JSON array and renders the formatted report into an HTML page.

Oct 7, 2020

Loading thumbnail…

Cars Report

This example displays a minimal HTML page titled “Cars Report.” It renders static text (“Hello”) and logs a message to the browser’s console using plain JavaScript. The code uses the React starter template structure but does not include any data visualization, charts, or interactive elements. It relies solely on standard HTML and JavaScript, with no external libraries such as D3 or Three.js. The page simply demonstrates the basic setup for a React-based project without visual content.

Oct 7, 2020

Loading thumbnail…

Cars Report

This example displays a static message, “Hello,” on a webpage titled “Cars Report.” The page uses React, but the core logic is minimal: it imports car data (an array of objects with year, make, model, and price) from a separate `cars.js` file but does not render it. Instead, the `index.js` file sets the text content of an HTML `<pre>` element to “Hello” using `document.getElementById`. The page’s styling is defined in inline CSS within the `index.html` file.

Oct 7, 2020

Loading thumbnail…

Cars Report

This example displays a basic “Hello World” message on an HTML page, built with React and rendered through a simple `index.html` and `index.js` structure. The page sets a large font size via CSS and outputs the text inside a `<pre>` element. The JavaScript code updates the element’s text content using the DOM API `document.getElementById`, and also logs a message to the browser’s console. No data source or visualization library is used; it serves as a minimal React starter template.

Oct 5, 2020

Loading thumbnail…

Cars Report

This example displays a minimal HTML page titled “Cars Report” with a body styled for centered, extremely large text. It does not render any visualization; instead, it logs the message “Hello JavaScript!” to the browser’s developer console. The code uses vanilla JavaScript within a plain HTML document, with inline CSS for layout, and does not import any external libraries or data sources. The page is a bare starter template, likely intended as a foundation for future interactive charts using the React framework.

Oct 5, 2020

Loading thumbnail…

HTML Starter

This example shows a minimal web page that renders the text “Hello HTML” prominently in the center of the browser window, styled with a 13em font size. The page is a bare-bones HTML document that also runs a small JavaScript snippet, which logs “Hello JavaScript!” to the browser’s developer console. The rendering relies on standard HTML elements and CSS for layout, with no external libraries or datasets involved. It serves as a foundational template for testing or starting simple web-based visualizations in the React framework.

Oct 5, 2020