Skip to main content
SimilarExport ZIP
100%

requirebin sketch

✓ Published0🌍 Public
HHypercubed
Last edited Feb 6, 2016
Created on Feb 6, 2016

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.

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
100% 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
93% match
Loading thumbnail…

requirebin sketch

This example demonstrates a tokenizer in action, parsing a string of mathematical and symbolic notation to identify and categorize each token as a string, bracket, symbol, or whitespace. The visualization shows the parsed output in the console as the tokenizer processes the input. The code uses the `tokenizer` library, adding rules with regular expressions to define token types, and ignores whitespace during parsing. The source data is a hardcoded string containing mixed symbols and numbers, rendered through the console log output.

HHypercubed
64% match
Loading thumbnail…

requirebin sketch

This example demonstrates two MobX patterns for managing derived state in a React application. It shows how `mobx.observable` creates reactive state objects, while `mobx.autorun` automatically tracks dependencies and re-runs a "someReallyExpensiveTest" function whenever the input changes. The visualization contrasts an imperative approach using `autorun` with a declarative approach using computed getters that chain `isBoolean` and `isString` properties. Console output logs state transitions as inputs toggle between booleans and strings, highlighting MobX's reactivity model.

HHypercubed
62% match
Loading thumbnail…

requirebin sketch

This example demonstrates the mutability of the decimal.js library's Decimal objects. It creates a Decimal with a negative sign, logs its value and sign flag, then calls `cos()` without reassigning the variable. The output shows the original Decimal's sign remains unchanged, illustrating that `cos()` returns a new Decimal rather than mutating the original. The visualization highlights immutability in the decimal.js API through a minimal, code-focused sketch.

HHypercubed
60% match
Loading thumbnail…

requirebin sketch

This example demonstrates a data-package loading workflow using the chi-datapackage library within a Vue-based requirebin sketch. It shows how to fetch a datapackage from a GitHub URL, normalize its resources and schemas, and load its data. The code then programmatically adds a new CSV resource containing the values `A,B,C` and `1,2,3`, updating the package state. State changes are logged to the console, illustrating the store’s reactive `onStateChange` and `onError` callbacks. The example highlights the chi-datapackage API’s promise-based pipeline for loading, normalizing, and processing tabular data resources.

HHypercubed
60% match
Loading thumbnail…

requirebin sketch

This example demonstrates reactive state management in a React application by loading and observing a data package from a GitHub-hosted JSON file. It uses MobX to create an observable `package` property on a store, with an `observe` listener that logs changes to the console whenever the package is updated. The code loads dataset metadata via the `chi-datapackage` library, triggering the observer when the asynchronous load completes. The sketch shows how MobX tracks and reacts to state changes in a minimal data-loading workflow.

HHypercubed
59% 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
59% match