Recursion factorial exa

100%

Recursion factorial exa

✓ Published0🌍 Public

Last edited Sep 18, 2021

Created on Sep 17, 2021

This example demonstrates a recursive factorial calculation using plain JavaScript, displaying the result of factorialize(4)—the value 24—in large, centered text on the page. The code defines a recursive function that multiplies a number by the factorial of its decremented value until reaching zero, logging the answer to the console and rendering it directly in the DOM. It uses D3 v7 only to load the library via a script tag, while the visualization itself relies on standard HTML, CSS, and JavaScript recursion rather than any D3-specific API or data binding.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

Factorial in Scala

This visualization demonstrates the recursive computation of factorial values in Scala, tracing the call stack from `fac(10)` down to the base case. The code defines a function `fac(num: Int): Int` that multiplies each number by the factorial of its predecessor, halting at 1. The example renders this execution as a branching tree, where each node represents a function call and its return value. The visualization uses Scala’s standard recursion mechanism, with no external libraries; the data is generated directly from the source gist by CliffordAnderson. The rendering approach likely relies on a custom drawing routine, though the code snippet itself only shows the pure function logic, not the display layer.

CCliffordAnderson

67% match

Loading thumbnail…

Fork of Javascript Function

This example demonstrates three distinct ways to define JavaScript functions by computing and logging the squares of numbers 4, 5, and 6 to the console. The page uses standard HTML with embedded CSS for styling and a script block containing the code. It starts with a classic function declaration, then shows a function expression assigned to a variable, and finally an arrow function, illustrating the syntax evolution. The rendering is plain text within a styled div, with all output going to the browser’s developer console rather than the page itself.

NNita

62% match

Loading thumbnail…

Factorial

This example demonstrates the computation of the factorial of 10 using XQuery 3.1. It shows two distinct implementation approaches: a recursive function `local:fac` and a higher-order function `local:hFac` that uses `fn:fold-right` with an anonymous function. The program executes `local:hFac(10)`, which iteratively multiplies values from 1 to 10. The data is not visualized graphically; instead, the output is the numeric result of the calculation. The code relies on XQuery’s built-in type annotations (`xs:int`) and function library, with no external visualization libraries involved.

CCliffordAnderson

59% match

Loading thumbnail…

Javascript Variables

This example demonstrates how JavaScript variables work by calculating the sum of two numbers and logging the result to the browser console. The page presents a blank canvas with a large font size, emphasizing the code’s output rather than visual content. It uses plain JavaScript with `const` declarations, the arithmetic operator `+`, and `console.log` to display the total. The HTML and CSS structure is minimal, with no external libraries or frameworks involved.

NNita

58% match

Loading thumbnail…

js basics

This example reproduces a Sol LeWitt art piece using D3.js. The visualization is rendered in an HTML page with a minimal setup, while the core logic resides in a JavaScript file that uses D3’s array mapping API to transform a range of numbers. The code applies `map` to the array `[1, 2, 3, 4]`, multiplying each value by 2 and logging the result to the console, demonstrating a basic functional programming pattern in D3. No graphical output is drawn; the piece focuses purely on the programming foundation.

YYingkai Song

58% 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

58% match

Loading thumbnail…

Function

This example demonstrates a set of JavaScript functions for basic arithmetic and variable assignment, with results logged to the browser console. It shows how arrow functions like `add` and `sub` compute sums and differences, while the `copy` and `dup` functions illustrate function aliasing. The code uses plain JavaScript without any external libraries or frameworks, embedded directly in an HTML page with a large 13em body text style. The rendering approach is entirely console-based, with no visual data output.

NNita

57% match

Loading thumbnail…

HTML Starter

This example demonstrates a minimal HTML page that runs a nested JavaScript loop in the browser console. The page contains no visible visualization, but instead logs pairs of variables `c` and `d` to the console using `console.log`. The code defines an array length of 4 and iterates through nested `for` loops, executing 20 iterations while printing the current values of the loop counters. The example illustrates basic scripting behavior within a bare HTML document, with commented-out alternative loops showing different iteration patterns.

NNita

57% match