Commented what each renderer is responsible for

Author: KittenPrincess1

src/components/DataStructures/Array/Array1DTracer.js

@@ -1,3 +1,9 @@
+// used to display one array in the form of a single bar chart, such as 
+// Binary Search Tree
+// Heap Sort
+// Merge Sort
+// Quick Sort
+
 /* eslint-disable class-methods-use-this */
 /* eslint-disable consistent-return */
 /* eslint-disable no-plusplus */

src/components/DataStructures/Array/Array2DTracer.js

@@ -1,3 +1,18 @@
+// used to display graphs, such as in the case of:
+// A*
+// Breadth First Search
+// Depth First Search
+// Dijkstra's
+// Kruskal
+// Prim
+// Warshall
+// Union Find
+
+// Or tables, such as in the case of:
+// Horspool's
+// Merge Sort List
+// Union find
+
 /* eslint-disable no-plusplus */
 /* eslint-disable class-methods-use-this */
 /* eslint-disable max-classes-per-file */
@@ -167,7 +182,7 @@ class Array2DTracer extends Tracer {
 
     // add variable to item if not undefined or null
     if (idx !== null && idx !== undefined)
-       newData[row][idx].variables.push(v);
+      newData[row][idx].variables.push(v);
 
     // update this.data
     this.data = newData;

src/components/DataStructures/Array/TwoArray1DTracer.js

@@ -1,6 +1,6 @@
 /* eslint-disable class-methods-use-this */
 
-/* draw two arrays in the same box */
+/* draw two arrays in the same box (currently unused) */
 
 import Array2DTracer from './Array2DTracer';
 import Array1DRenderer from './Array1DRenderer/index';

src/components/DataStructures/Array/TwoArray2DTracer.js

@@ -1,3 +1,5 @@
+// Only seems to be used for Horspool's algorithm
+
 /* eslint-disable no-plusplus */
 /* eslint-disable class-methods-use-this */
 /* eslint-disable max-classes-per-file */
@@ -41,89 +43,81 @@ class TwoArray2DTracer extends Tracer {
    * @param {array} array2d
    * @param {string} algo used to mark if it is a specific algorithm
    */
-  set(array2d = [],array2d1=[], algo) {
+  set(array2d = [], array2d1 = [], algo) {
     this.data = array2d.map(array1d => [...array1d].map(value => new Element(value)));
     this.data1 = array2d1.map(array1d => [...array1d].map(value => new Element(value)));
     this.algo = algo;
     super.set();
   }
 
-  getposition(x,y){
+  getposition(x, y) {
     let longestRow = this.data.reduce((longestRow, row) => longestRow.length < row.length ? row : longestRow, []);
     let len = longestRow.length;
-    var xx=x;
-    var pos=0;
-    if (x>=len){xx=x-len;pos=1;}
-    return [pos,xx,y];
+    var xx = x;
+    var pos = 0;
+    if (x >= len) { xx = x - len; pos = 1; }
+    return [pos, xx, y];
   }
 
   patch(x, y, v = this.data[x][y].value) {
-    let rr=this.getposition(x,y);
-    var pos=rr[0];
+    let rr = this.getposition(x, y);
+    var pos = rr[0];
     var xx = rr[2];//x is actually the vertical one
     var yy = rr[1];
-    if (pos===0)
-    {
-      if (!this.data[xx][yy]) {this.data[xx][yy] = new Element();}
+    if (pos === 0) {
+      if (!this.data[xx][yy]) { this.data[xx][yy] = new Element(); }
       this.data[xx][yy].value = v;
       this.data[xx][yy].patched = true;
     }
-    else
-    {
-      if (!this.data1[xx][yy]) {this.data1[xx][yy] = new Element();}
+    else {
+      if (!this.data1[xx][yy]) { this.data1[xx][yy] = new Element(); }
       this.data1[xx][yy].value = v;
       this.data1[xx][yy].patched = true;
     }
 
   }
 
   depatch(x, y) {
-    let rr=this.getposition(x,y);
-    var pos=rr[0];
+    let rr = this.getposition(x, y);
+    var pos = rr[0];
     var xx = rr[2];//x is actually the vertical one
     var yy = rr[1];
-    if (pos===0)
-    {
-      if (!this.data[xx][yy]) {this.data[xx][yy] = new Element();}
+    if (pos === 0) {
+      if (!this.data[xx][yy]) { this.data[xx][yy] = new Element(); }
 
       this.data[xx][yy].patched = false;
     }
-    else
-    {
-      if (!this.data1[xx][yy]) {this.data1[xx][yy] = new Element();}
+    else {
+      if (!this.data1[xx][yy]) { this.data1[xx][yy] = new Element(); }
 
       this.data1[xx][yy].patched = false;
     }
   }
   select(x, y) {
-    let rr=this.getposition(x,y);
-    var pos=rr[0];
+    let rr = this.getposition(x, y);
+    var pos = rr[0];
     var xx = rr[2];//x is actually the vertical one
     var yy = rr[1];
-    if (pos===0)
-    {
-      if (!this.data[xx][yy]) {this.data[xx][yy] = new Element();}
+    if (pos === 0) {
+      if (!this.data[xx][yy]) { this.data[xx][yy] = new Element(); }
       this.data[xx][yy].selected = true;
     }
-    else
-    {
-      if (!this.data1[xx][yy]) {this.data1[xx][yy] = new Element();}
+    else {
+      if (!this.data1[xx][yy]) { this.data1[xx][yy] = new Element(); }
       this.data1[xx][yy].selected = true;
     }
 
   }
 
   deselect(x, y) {
-    let rr=this.getposition(x,y);
-    var pos=rr[0];
+    let rr = this.getposition(x, y);
+    var pos = rr[0];
     var xx = rr[2];//x is actually the vertical one
     var yy = rr[1];
-    if (pos===0)
-    {
+    if (pos === 0) {
       this.data[xx][yy].selected = false;
     }
-    else
-    {
+    else {
       this.data1[xx][yy].selected = false;
     }
 

src/components/DataStructures/ArrayGraph/ArrayGraphTracer.js

@@ -1,3 +1,5 @@
+// This file, along with everythin in ArrayGraphRenderer, seems to be completely unused at the moment
+
 /* eslint-disable max-classes-per-file */
 /* eslint-disable no-prototype-builtins */
 /* eslint-disable class-methods-use-this */