IVI

Interactive Visual Interpreter

Pronounced "ivy", the IVI is a system designed to help new programmers learn how the abstract process of coding works at a more literal level of computation. It features a code editor, console and visualizer that work together to bring you a real coding environment with the added benefit of a visual representation of the computer memory.

How To Use

IVI is a JavaScript interpreter that runs in-browser. You can write JavaScript code in the editor on the left and see the state of the program at each step on the right. To launch IVI, you can click to "IVI" link on the top navigation or click here to open the IVI interpreter.

Features

Code input must be Javascript

Supported

Currently IVI is basic but is quickly expanding

We support the types:

Number
String
Boolean
undefined
NaN

We support:

Chained statements ex: `a=b=c=4;`, `console.log(console.log(console.log('test')));`
Variable declaration
Variable Assignment
Assigning to other variable's values
Printing to console
Comments in Code
Addition
Subtraction
Multiplication
Division
Modulo
Scoping through plain braces
Multiline statements
Conditional statements (ex: if, else if, else) as well as nesting statements
Simple comparators (ex: < and >)

Unsupported

Using `NaN` or `unsupported` as variable names.
Order of operations, the program will recurse to the end of the line then pass values up backwards
Some console log edge cases ex: `console.log(1 + 2 + 'hello');` will log 12hello because we promote everything to a string first since we are passing values up from the end
Adding with negative number, we allow subtraction but adding negative numbers not supported
Looping
Comparators such as `&& || >= <= == ===` any comparator more than one charactor is not supported
Multi - character arithmetic operations `+= *=`
Bit Shifting
Functions
Everything else not listed in 'Supported'

Notes:

In order to use conditionals you must make a variable that holds a boolean value. You can have your conditional statement set to the variable and then that variable ONLY will be put in the parenthesis for the conditional.

For example:

 var a = 5 < 3;
var b = 6 > 7;
var c = false;
if (a) {
} else if (b) {
} else if (c) {
} else {
}

Order of operations is not yet supported. Evaluation will happen right to left which makes some complex math operations unsupported.

Syntax errors will output to console, unsupported features will also print to console with line numbers and text that caused them

Statements Must End in Semi-Colons or Unpredictable Behavior will happen