Merge remote-tracking branch 'upstream/gh-pages' into feature/mst

TornjV · TornjV · commit e4a7efd1b926 · 2016-05-23T22:48:52.000+02:00
diff --git a/algorithm/category.json b/algorithm/category.json
@@ -33,6 +33,12 @@
       "heap" : "Heap Sort"
     }
   },
+  "string": {
+   		"name": "String",
+   		"list": {
+   			"edit_distance": "Edit Distance"
+   		}
+   },
   "etc": {
     "name": "Uncategorized",
     "list": {
diff --git a/algorithm/string/edit_distance/desc.json b/algorithm/string/edit_distance/desc.json
@@ -0,0 +1,18 @@
+{
+  "Edit-Distance": "Given two strings str1 (length M) and str2 (length N) and below operations that can performed on str1. Find minimum number of edits (operations) required to convert str1 into str2.<br />Insert<br />Remove<br />Replace<br />All of the above operations are of equal cost",
+  "Applications": [
+    "Displaing Near-Proximity Words",
+    "Information Retrieval (eg- Lucene API)",
+    "Natural Language Processing"
+  ],
+  "Complexity": {
+    "time": "worst O(|M|.|N|)",
+    "space": "worst O(|M|.|N|)"
+  },
+  "References": [
+    "<a href='https://en.wikipedia.org/wiki/Edit_distance'>Wikipedia</a>"
+  ],
+  "files": {
+    "dynamic_programming": "Distance from str1 to str2 using Dynamic Programming (2D Array method)"
+  }
+}
diff --git a/algorithm/string/edit_distance/dynamic_programming/code.js b/algorithm/string/edit_distance/dynamic_programming/code.js
@@ -0,0 +1,40 @@
+tracer._pace (200);
+tracer._print ('Initialized DP Table');
+tracer._print ('Y-Axis (Top to Bottom): ' + str1);
+tracer._print ('X-Axis (Left to Right): ' + str2);
+
+var dist = (function editDistance (str1, str2, table) {
+	//display grid with words
+	tracer._print ('*** ' + str2.split ('').join (' '));
+	table.forEach (function (item, index) {
+		var character = (index === 0) ? '*' : str1 [index-1];
+		tracer._print (character + '\t' + item);
+	});
+
+	//begin ED execution
+	for (var i = 1; i < str1.length+1; i++) {
+		for (var j = 1; j < str2.length+1; j++) {
+			if (str1 [i-1] === str2 [j-1]) {
+				tracer._select (i-1, j-1);
+				table [i] [j] = table [i-1] [j-1];
+				tracer._notify (i, j);
+				tracer._deselect (i-1, j-1);
+			}
+			else {
+				tracer._select (i-1, j);
+				tracer._select (i, j-1);
+				tracer._select (i-1, j-1);
+				table [i] [j] = Math.min (table [i-1] [j], table [i] [j-1], table [i-1] [j-1]) + 1;
+				tracer._notify (i, j);
+				tracer._deselect (i-1, j);
+				tracer._deselect (i, j-1);
+				tracer._deselect (i-1, j-1);
+			}
+		}
+	}
+
+	tracer._select (str1.length, str2.length);
+	return table [str1.length] [str2.length];
+}) (str1, str2, table);
+
+tracer._print ('Minimum Edit Distance: ' + dist);
diff --git a/algorithm/string/edit_distance/dynamic_programming/data.js b/algorithm/string/edit_distance/dynamic_programming/data.js
@@ -0,0 +1,10 @@
+var tracer = new Array2DTracer ();
+var str1 = 'stack', str2 = 'racket', table = new Array (str1.length + 1);
+
+table [0] = Array.apply (null, {length: str2.length + 1}).map (Number.call, Number);
+for (var i = 1; i < str1.length+1; i++) {
+	table [i] = Array.apply (null, Array (str2.length+1)).map (Number.prototype.valueOf, -1);
+	table [i] [0] = i
+}
+
+tracer._setData (table);
diff --git a/css/stylesheet.css b/css/stylesheet.css
@@ -10,6 +10,23 @@ body {
     color: rgb(187, 187, 187);
 }
 
+*::-webkit-scrollbar {
+      width: 15px;
+} 
+*::-webkit-scrollbar-track {
+      background-color: #3C3F41;
+} 
+ 
+*::-webkit-scrollbar-thumb {
+      background-color: rgba(0, 0, 0, 0.2); 
+} 
+*::-webkit-scrollbar-button {
+      background-color: #7c2929;
+} 
+*::-webkit-scrollbar-corner {
+      background-color: #3C3F41;
+}
+
 a {
     text-decoration: none;
 }
@@ -287,4 +304,4 @@ pre {
 
 .mtbl-cell.notifying {
     background: #f00;
-}
+}
diff --git a/img/favicon.ico b/img/favicon.ico
diff --git a/img/image.png b/img/image.png
diff --git a/index.html b/index.html
@@ -2,6 +2,11 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
+    <meta name="description" content="Tool for visualizing algorithms." />
+    <meta property="og:title" content="Algorithm Visualizer" />
+    <meta property="og:description" content="Tool for visualizing algorithms." />
+    <meta property="og:image" content="img/image.png" />
+    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
     <title>Algorithm Visualizer</title>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
     <link rel="stylesheet" href="css/font-awesome.min.css">
