Three-valued logic (TS)

100%

Three-valued logic (TS)

✓ Published0🌍 Public

Last edited Dec 23, 2017

Created on Dec 23, 2017

This example visualizes the results of three-valued logic operations on boolean values (true, false, null). It shows how functions like `and`, `or`, `xor`, `nand`, and `nor` produce truth tables for the three possible inputs. The visualization uses a grid or matrix layout to display the outcomes, with each cell representing a combination of left-hand and right-hand operands. The code defines these operations in TypeScript, using a custom `bool` type and `cmpValue` for comparisons, and the rendering likely maps the ternary results to distinct colors or shapes. The data source is the gist by Hypercubed, and the approach relies on the explicit function definitions rather than external libraries.

AI-generated description

Similar vizzes

Loading thumbnail…

Untitled

This example demonstrates JavaScript boolean operators by evaluating and displaying the results of `(a && b)` and `(a || b)` directly in the browser. It uses the `document.write()` method to output the operand values and their combined results, with each result separated by an HTML line break. The page relies on plain JavaScript embedded in an HTML body, with no external libraries or frameworks, showcasing a minimal approach to testing logical expressions in a static web page.

Iikbb-kbj

61% match

Loading thumbnail…

Gist 08456313799c0608872fb13ff336426c

This example demonstrates a custom predicate block that checks whether a given number falls inclusively between two comparison values. The visualization, embedded as a static image, shows a visual representation of this logical test. The code defines a Snap! block using the block-definition XML format, employing reporter blocks for boolean logic. It relies on Snap!'s built-in operators such as `reportGreaterThan`, `reportLessThan`, `reportEquals`, and `reportAnd`/`reportOr` to evaluate the condition. The block returns a true/false report, and the image likely illustrates sample comparisons or a chart of results, though the exact rendering method is not specified in the provided files.

CCliffordAnderson

56% match

Loading thumbnail…

D3 Ternary Plot

A D3 ternary plot displays compositional data with three variables summing to 100%, using an interactive animation. The visualization renders an equilateral triangle grid with major and minor tick lines along the A, B, and C axes, plus labeled tick marks. SVG circles represent data points, which change when a "Data change" button is clicked. The code builds the plot using the D3.js library (version 3.1.6) with raw SVG attributes and transformations, computing point coordinates from the three-part ratios and using `selectAll` and `append` to construct the axes and labels dynamically.

KKelvinZCH

56% match

Loading thumbnail…

probabilities data for a xor simulation

This visualization displays probability distributions for a light-switch simulation, showing how the number of remaining illuminated lights changes based on an initial state across four, five, and six lights. The data, sourced from a gist by BBischof, is rendered using JavaScript and JSON arrays. The visualization likely uses a matrix or heatmap layout to compare probabilities, with both axes representing light counts, and color or size encoding the probability values computed through a binomial-like process, although the exact rendering library is not specified in the provided files.

BBBischof

56% match

Loading thumbnail…

conditional (ternary) operator in a return value

This example shows a colorful, radial SVG pattern built from CSS named colors loaded from a remote CSV file. Each color is rendered as a thin arc segment radiating from the center, with alternating fills that create a pinwheel effect. The code uses React hooks (`useState`, `useEffect`) to fetch and store the data, then maps it to SVG `<path>` elements using the `d3.arc()` generator. A ternary operator alternates each segment's fill between the color value and black, while `fill-opacity` decreases with index.

RRichard Burd

55% match

Loading thumbnail…

Gist 247783

This visualization uses a single file of JavaScript notes to map three inheritance patterns in Douglas Crockford’s code—pseudoclassical, prototypal, and functional—as a branching, node-link diagram. The code renders each pattern as a cluster of objects and functions, with edges showing prototype chains and constructor relationships. It relies on native JavaScript APIs like `Object.create` and constructor functions, while the layout is drawn on an HTML canvas without external libraries. The source is a gist by DylanFM, and the visual emphasizes the structural differences between the patterns by positioning them in separate columns.

DDylanFM

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

55% match

Loading thumbnail…

Hello Topologica.js!

Three range sliders for red, green, and blue each send their current value into a Topologica.js state graph, which recomputes a CSS color string and applies it as the page background. The example relies on D3 v5's `select` and `selectAll` to bind slider input events to state updates, demonstrating Topologica’s dependency-driven propagation for reactive data visualization without a chart.

CCurran Kelleher

54% match