Skip to main content
100%

JS Bin

✓ Published0🌍 Public
Aaciurea
Last edited May 16, 2017
Created on May 16, 2017

This example demonstrates the Fibonacci sequence through a custom JavaScript iterator. The code defines an object with a `[Symbol.iterator]` method that generates successive Fibonacci numbers, logging each value to the console. A `for...of` loop consumes the iterator and breaks once a value exceeds 50, triggering the iterator’s `return` method to log "finished---". The example uses native JavaScript iteration protocols rather than any external libraries, with console output as the only visualization.

AI-generated description

Similar vizzes

Loading thumbnail…

requirebin sketch

This example uses the `typed-function` library to define a polymorphic `fib` function with custom types for zero and one, then logs the first 20 Fibonacci numbers. The code adds type tests for exact numeric values and dispatches based on argument type, demonstrating dynamic function overloading in JavaScript. The output is generated by the Node.js `console.log` call, producing the sequence in the browser console via RequireBin.

HHypercubed
66% match
Loading thumbnail…

requirebin sketch

This example uses the `typed-function` library to define a polymorphic `fib` function with custom types for zero and one, then logs the first 20 Fibonacci numbers. The code adds type tests for exact numeric values and dispatches based on argument type, demonstrating dynamic function overloading in JavaScript. The output is generated by the Node.js `console.log` call, producing the sequence in the browser console via RequireBin.

HHypercubed
66% match
Loading thumbnail…

requirebin sketch

This example uses the typed-function library to define a recursive Fibonacci sequence generator, mapping numeric types `zero`, `one`, and `any` to specific function signatures. The code creates a `fib` function that dispatches based on argument type, then writes the first 20 Fibonacci numbers into the page body via `document.body.innerHTML`. The visualization is minimal, displaying the computed sequence as plain text. The sketch demonstrates typed function dispatch and recursion, with the source bundled through RequireBin and rendered directly in the browser.

HHypercubed
64% match
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.

AAlex-0277911
62% match
Loading thumbnail…

Gist c0ec6bb768fd2672307b0807e4ee46fb

This example benchmarks four JavaScript loop styles—a standard `for` loop, a reversed `for` loop, a `for…of` loop, and `forEach`—on a fixed array of ten numbers. It measures execution time by repeating each loop a thousand times via `performance.now()` timestamps, accumulating the total milliseconds. The code defines each loop as a separate function and calls them through a `test` helper, logging the sum to the console. The comparison uses a simple in-memory data array, with no external libraries, focusing on raw loop performance in a JavaScript environment.

MMAKIO135
61% match
Loading thumbnail…

Fibonacci in Scala

This example demonstrates a functional definition of the Fibonacci sequence in Scala, highlighting two equivalent recursive implementations: one using nested conditionals and another using pattern matching with a match expression. The visualization shows how the recursive calls unfold, with the second implementation (fib2) called for inputs 10 and 200 to illustrate growth. The code relies on Scala’s standard library, including the Int type and the match keyword, but does not use external visualization libraries. The rendering approach is minimal, focusing on the source code itself as the primary visual artifact, with no graphical output or data source beyond the hardcoded integers passed to the functions.

CCliffordAnderson
60% match
Loading thumbnail…

JavaScript: async/await with forEach()

This example demonstrates how to manage sequential asynchronous operations in JavaScript using `async/await` combined with a custom `asyncForEach` function. It shows a three-item array being processed one at a time, with each item logged to the console after a 50-millisecond delay imposed by the `waitFor` helper, which relies on `setTimeout` and a Promise. The `asyncForEach` function explicitly loops through the array with a `for` loop, awaiting the callback for each element, ensuring the `Done` message appears only after all items are processed. The code uses no external libraries, only native JavaScript Promise and timer APIs.

Aackuser
60% match
Loading thumbnail…

Dynamic Programming

The visualization displays the first 40 Fibonacci numbers as a vertical sequence of text labels, with each number rendered in an SVG text element. It compares classic recursive, memoized recursive, and iterative implementations of the Fibonacci function, logging results to the console. Using D3 v5, the code computes values via `simpleFib` and binds them to SVG text nodes with `svg.selectAll()`. The data comes from the United Nations World Population Prospects 2019, though the visualization itself focuses on algorithmic outputs rather than demographic data.

VVlad Bogo
59% match