tracers.js

This repository is part of the projectAlgorithm Visualizer.

tracers.js is a visualization library for JavaScript.You can use it onalgorithm-visualizer.org or locally on your machine.

Installation

npm install algorithm-visualizer

Usage

// import visualization libraries {const { Array2DTracer, Layout, LogTracer, Tracer, VerticalLayout } =require('algorithm-visualizer');// }// define tracer variables {const array2dTracer =new Array2DTracer('Grid');const logTracer =new LogTracer('Console');// }// define input variablesconst messages = ['Visualize','your','own','code','here!',];// highlight each line of messages recursivelyfunctionhighlight(line){if (line >= messages.length)return;const message = messages[line];// visualize {  logTracer.println(message);  array2dTracer.selectRow(line,0, message.length -1);  Tracer.delay();  array2dTracer.deselectRow(line,0, message.length -1);// }  highlight(line +1);}(functionmain(){// visualize {  Layout.setRoot(new VerticalLayout([array2dTracer, logTracer]));  array2dTracer.set(messages);  Tracer.delay();// }  highlight(0);})();

Check out theAPI reference for more information.

Contributing

Check out thecontributing guidelines.