The example is taken from TypeScript's quick start tutorial
const greeter = (person) => "hello "+person; greeter([1,2,3]) // "hello 1,2,3"
The visualization component takes as inputs
matrix- A N x M matrix where N is the number of columns and M is the number of rows. Each element of the matrix specifies the i of building block to render.
workflowVisData- A datastructure that represents the graph of all the workflow steps with information on how they are connected and the distance between the node and the root of the graph (assumed to be a directed acyclic graph (DAG)).
matrix is created from
workflowVisData as follows:
matrix. N is longest path in the DAG (
workflowStepOrderis pre-calculated for each node in the graph which provides the path of the node from the root node). M is calculated from the largest frequency of
matrixis initialized with