Alex-0277911

@Alex-0277911·3 public vizzes

Flight Widget

This widget displays a live departure board for an airport, showing flight times, destinations, flight numbers, gates, and remarks in a table. The code uses plain DOM manipulation to populate the table body, with no external visualization libraries. Styling relies on CSS, importing the Ubuntu Condensed font and applying a dark table theme against a peach background. The data appears to be static, as the JavaScript file updates the table without any visible data source or animation logic.

Oct 16, 2022

Loading thumbnail…

Flight widget

A flight departure board displays scheduled flights with time, destination, flight number, gate, and remarks, updating every five seconds. The animation flips each character individually using a CSS keyframe rotation. The app uses vanilla JavaScript with `setInterval` and `setTimeout` to shuffle flight data, generating random letters and numbers for new entries. Rows are populated dynamically via `createElement` and appended to the table body, while the split-flap effect is achieved purely with CSS transforms.

Oct 16, 2022

Loading thumbnail…

JavaScript Arrays

This example demonstrates the JavaScript `Array` data structure by generating a sequence of ten integers and printing each value to the browser console. It uses a custom `range` function to populate the array, then iterates with the `forEach` method to log each element. The code relies on the Console API’s `console.log` for output, requiring the user to open developer tools to view the results. No external libraries are used; the visualization is purely a textual, console-based representation of array iteration.

Oct 10, 2022