algorithm-visualizer - npm Package Compare versions

Comparing version 2.3.7 to 2.3.8

dist/types/ScatterTracer.d.ts

+import { Array2DTracer } from './';
+export default class ScatterTracer extends Array2DTracer {
+}

dist/algorithm-visualizer.cjs.js

@@ -625,2 +625,10 @@ 'use strict';
 
+var ScatterTracer = /** @class */ (function (_super) {
+    __extends(ScatterTracer, _super);
+    function ScatterTracer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return ScatterTracer;
+}(Array2DTracer));
+
 exports.Array1DTracer = Array1DTracer;
@@ -635,3 +643,4 @@ exports.Array2DTracer = Array2DTracer;
 exports.Randomize = Randomize$1;
+exports.ScatterTracer = ScatterTracer;
 exports.Tracer = Tracer;
 exports.VerticalLayout = VerticalLayout;

dist/algorithm-visualizer.esm.js

@@ -621,2 +621,10 @@ var Randomize;
 
-export { Array1DTracer, Array2DTracer, ChartTracer, Commander, GraphTracer, HorizontalLayout, Layout, LogTracer, Randomize$1 as Randomize, Tracer, VerticalLayout };
+var ScatterTracer = /** @class */ (function (_super) {
+    __extends(ScatterTracer, _super);
+    function ScatterTracer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return ScatterTracer;
+}(Array2DTracer));
+
+export { Array1DTracer, Array2DTracer, ChartTracer, Commander, GraphTracer, HorizontalLayout, Layout, LogTracer, Randomize$1 as Randomize, ScatterTracer, Tracer, VerticalLayout };

dist/algorithm-visualizer.umd.js

@@ -627,2 +627,10 @@ (function (global, factory) {
 
+  var ScatterTracer = /** @class */ (function (_super) {
+      __extends(ScatterTracer, _super);
+      function ScatterTracer() {
+          return _super !== null && _super.apply(this, arguments) || this;
+      }
+      return ScatterTracer;
+  }(Array2DTracer));
+
   exports.Array1DTracer = Array1DTracer;
@@ -637,2 +645,3 @@ exports.Array2DTracer = Array2DTracer;
   exports.Randomize = Randomize$1;
+  exports.ScatterTracer = ScatterTracer;
   exports.Tracer = Tracer;
@@ -639,0 +648,0 @@ exports.VerticalLayout = VerticalLayout;

dist/types/index.d.ts

@@ -12,1 +12,2 @@ export { default as Randomize } from './Randomize';
 export { default as GraphTracer } from './GraphTracer';
+export { default as ScatterTracer } from './ScatterTracer';

package.json

 {
   "name": "algorithm-visualizer",
-  "version": "2.3.7",
+  "version": "2.3.8",
   "description": "Visualization Library for JavaScript",
@@ -5,0 +5,0 @@ "keywords": [

README.md

@@ -17,7 +17,41 @@ # tracers.js [![npm](https://img.shields.io/npm/v/algorithm-visualizer.svg?style=flat-square)](https://www.npmjs.com/package/algorithm-visualizer) [![API reference](https://img.shields.io/badge/documentation-js-red.svg?style=flat-square)](https://algorithm-visualizer.github.io/tracers.js/) [![Travis (.com)](https://img.shields.io/travis/com/algorithm-visualizer/tracers.js.svg?style=flat-square)](https://travis-ci.com/algorithm-visualizer/tracers.js)
 ```js
-const { LogTracer } = require('algorithm-visualizer');
+// import visualization libraries {
+const { Array2DTracer, Layout, LogTracer, Tracer, VerticalLayout } = require('algorithm-visualizer');
+// }
 
-const logTracer = new LogTracer('Scratch Paper');
+// define tracer variables {
+const array2dTracer = new Array2DTracer('Grid');
+const logTracer = new LogTracer('Console');
+// }
 
-logTracer.print('Visualize your own algorithm here!');
+// define input variables
+const messages = [
+  'Visualize',
+  'your',
+  'own',
+  'code',
+  'here!',
+];
+
+// highlight each line of messages recursively
+function highlight(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);
+}
+
+(function main() {
+  // visualize {
+  Layout.setRoot(new VerticalLayout([array2dTracer, logTracer]));
+  array2dTracer.set(messages);
+  Tracer.delay();
+  // }
+  highlight(0);
+})();
 ```
@@ -24,0 +58,0 @@

New alerts

AI-detected potential code anomaly

Supply chain risk

AI has identified unusual behaviors that may pose a security risk.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

83100

2.2%

Number of package files

19

5.56%

Lines of code

2333

1.17%

Number of lines in readme file

63

117.24%

Worsened metrics

Number of low supply chain risk alerts

5

25%

No dependency changes