lonandy

@lonandy·4 public vizzes

Fork of Smiley Face Part VI

A grid of eighteen smiley faces displays randomized facial features, each generated from a React component tree with varying eye offsets, radii, mouth widths, and stroke thicknesses. The visualization combines React components for modular face parts with D3’s `arc` generator to create the smile path, rendering everything as SVG through a shared `FaceContainer`. Random values are assigned per face using JavaScript’s `Math.random`, producing a playful assortment of expressions across the array.

Aug 29, 2023

Loading thumbnail…

Fork of Hello HTML

This example shows a minimal HTML page that displays the text "Hello world" in a plain div element. It uses no JavaScript libraries or external dependencies, relying solely on standard HTML and CSS from the browser. The page contains a single body element with the greeting, demonstrating the most basic structure of a web document. The code is a simple fork of the "Hello HTML" example, with extended placeholder text.

Aug 29, 2023

Loading thumbnail…

Car Report

This example displays a list of five used cars, showing their year, make, model, and price as plain text on a dark blue background. The page reads a hardcoded JSON array of car objects and formats each entry using a custom `formatCar` function, which composes the year, make, model, and price into a single string. The formatted message is then inserted into a `<pre>` element via `document.getElementById` and assigned to its `textContent` property. The layout relies on basic HTML, CSS with the Ubuntu font, and vanilla JavaScript, with no external visualization libraries.

Oct 29, 2019

Loading thumbnail…

Cars report

This example displays a simple text message, "dfdf", on a dark blue page using the Ubuntu font. It imports a static array of car data from a `cars.js` module and parses it as JSON. The visualization does not actually use the car data; instead, it relies on standard HTML, CSS, and JavaScript DOM manipulation to set the text content. The code demonstrates the basic structure of a VizHub project, including separate source files and a pre-styled message element.

Oct 29, 2019