coelidonum

@coelidonum·6 public vizzes

Cars Report

This example renders a text-based report of used cars priced under $2,000. It filters an imported JavaScript array of car objects and formats each matching entry with its year, make, model, and price using template literals. The output, joined by newlines, is displayed in a large `<pre>` element via `document.getElementById()`. The data is defined in a separate `cars.js` module and imported using ES module syntax in `index.js`.

Mar 23, 2020

Loading thumbnail…

Untitled

This example demonstrates the fundamental structure of a visualization built with React, serving as a minimal starting point for projects in the gallery. It shows a nearly empty HTML page that mounts a React component, with the README referencing a React Starter template for further guidance. The code relies on React’s `createRoot` and core component APIs to render content, though no specific visualization libraries like D3 or Three.js are used. The concrete rendering approach is a simple static DOM output, with the page containing only a bare skeleton for future development.

Mar 22, 2020

Loading thumbnail…

HTML

This example displays the text “Hello HTML” centered on a plain white page using a single HTML file. The styling applies a large font size and center alignment through the CSS `body` rule. The page is rendered entirely by the browser’s native HTML engine, with no JavaScript libraries or external frameworks involved. It demonstrates the minimal structure of a functional web page, serving as a baseline for comparison with React-based visualizations.

Mar 22, 2020

Loading thumbnail…

Cars report

This example displays the text "Hello HTML" centered on a blank page, using a base HTML document with inline CSS. The page sets the body’s text alignment to center and font size to 13em. It relies solely on the browser’s native HTML and CSS rendering, with no external libraries or JavaScript APIs. The visualization serves as a minimal starter template, demonstrating how a simple static layout can be produced with plain markup and styling.

Mar 22, 2020

Loading thumbnail…

HTML Starter

This example shows a minimal HTML page that displays the text “Hello HTML” in large, centered type. Built with plain HTML and CSS, it avoids external libraries or frameworks entirely. The body element uses inline styles for center alignment and a 13em font size, rendering static text without any data or interactive behavior. It serves as the simplest possible starting point for web-based visualization projects.

Mar 22, 2020

Loading thumbnail…

HTML Starter

This example displays the text “Hello World” centered on a white page, with the font size dramatically enlarged to 13em. It demonstrates a minimal starting point for an HTML document, using plain `<style>` tags for CSS styling. The page contains no external libraries or data sources, relying solely on the browser’s built-in HTML and CSS rendering. It serves as the simplest possible foundation for building more complex interactive visualizations.

Mar 22, 2020