WebAssembly integer operations

100%

WebAssembly integer operations

✓ Published0🌍 Public

Last edited Jan 16, 2018

Created on Jan 16, 2018

This example demonstrates a JavaScript WebAssembly module that exports integer division and echo functions, highlighting a discrepancy between WebAssembly’s spec-defined `ToWebAssemblyValue` coercion and its inverse `ToJSValue` conversion for i32 values. It uses the WebAssembly JavaScript API’s `instantiate` and `instance.exports` to call compiled wasm functions, while manually implementing the ECMA-262 `ToInt32` algorithm and a guessed JavaScript conversion. The visualization presents console output comparing wasm results against equivalent JavaScript conversions, revealing that unsigned division produces different values due to overflow handling.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/89f12f5c55a098377a1b378693330bb3'>WebAssembly integer operations</a>

mit Licensed

Similar vizzes

Loading thumbnail…

WebAssembly transform giving support for multi return values

This example demonstrates a WebAssembly transformation that rewrites WebAssembly text (WAT) modules to support multiple return values, a feature not natively supported. The code parses an input `.wat` file using `@webassemblyjs/wast-parser`, traverses and modifies the abstract syntax tree, and prints the result with `@webassemblyjs/wast-printer`. It calculates the maximum function return count, inserts global variables, and rewrites call sites, replacing multi-value returns with `set_global` and `get_global` instructions. The transform relies on the `traverse` API to visit `Func` and `CallInstruction` nodes.

CColinEberhardt

60% match

Loading thumbnail…

AI1.02.11

This example demonstrates a collection of JavaScript utility functions that perform calculations and string manipulations, logging results to the browser console. The code defines functions to compute squares, BMI, arithmetic means, maximum values, string reversal, vowel counts, and palindrome checks. It uses standard JavaScript features like `arguments` objects, `Set` for vowel detection, and array methods (`split`, `reverse`, `join`). While the page loads D3 v7 via a CDN, the visualization itself does not employ any D3 APIs, instead relying solely on vanilla JavaScript logic and console output.

Jjwr2023

57% match

Loading thumbnail…

Using WebAssembly in LLVM on Windows

This example demonstrates how to compile C code to WebAssembly on Windows using LLVM's experimental WebAssembly backend, and visualizes the intermediate and final artifacts generated at each stage of the toolchain. The source code defines a Fibonacci function in C, and the visualization walks through the transformation pipeline: C source (fib.c) → LLVM bitcode (fib.bc) → LLVM assembly (fib.s) → WebAssembly text format (fib.wast) → WebAssembly binary (fib.wasm). A hex dump of the resulting .wasm file shows the compiled binary, including the memory table and the fib function export. The gist includes commands for setting up the required tools—Git, Subversion, CMake, and Visual Studio—to build the necessary LLVM/Clang, Binaryen, and Wabt toolchain on Windows, along with a compile.bat script that automates the build steps.

AAntonio24

56% match

Loading thumbnail…

number exercises

This example visualizes the outcomes of several JavaScript exercise functions, each testing a specific computation. It shows whether functions like `computeArea`, temperature converters `celsToFahr` and `fahrToCels`, and `isDivisible` produce expected results. The code relies on native JavaScript functions and console logging to report pass or fail statuses, with no external libraries or data sources. The rendering approach is purely textual, using `console.log` output to display success or failure messages for each test case, making the results immediately visible in the console.

CCameron-Grams

56% match

Loading thumbnail…

Untitled

This example demonstrates the results of JavaScript comparison operators on two numeric variables. It shows how the relational operators `==`, `<`, `>`, `!=`, `>=`, and `<=` evaluate to boolean values when applied to `a = 10` and `b = 20`. Each comparison is written to the HTML document using `document.write`, with the output displayed in the browser. The page uses vanilla JavaScript within an HTML script tag, requiring no external libraries or frameworks.

DDebaliena

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

54% match

Loading thumbnail…

Basic Calculator Practice JS

This example shows a minimal web-based calculator that performs addition, subtraction, division, and multiplication on two fixed numbers (8 and 2). The interface displays those operands alongside four operation buttons and a result area. JavaScript event handlers assigned via inline `onclick` attributes in the HTML call the corresponding functions, which directly update the text content of the `sum-el` element. The demo relies on raw DOM manipulation through `document.getElementById` and `textContent`, with styling provided by plain CSS.

GGayan Priyadarshana

53% match

Loading thumbnail…

JavaScript Exercise

This example demonstrates basic JavaScript array manipulation with console output, displaying results for range generation, summation via reduce, and filtering even numbers. The page renders a large “Hello HTML!” message using CSS styling with a 13em font size. The code defines a custom `range` function that creates an array of sequential integers, then applies `Array.prototype.reduce` and `Array.prototype.filter` to compute a sum and extract even values. The HTML structure uses a single div element with a message class, combining static markup with dynamic script execution in the browser console.

Jjexchan

53% match