-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathdiff-patch-heatmap.html
64 lines (60 loc) · 1.72 KB
/
diff-patch-heatmap.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<html>
<head>
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<script src="diff_match_patch_uncompressed.js"></script>
<script>
function runGoogleDiffPatch(base, compare){
const dmp = new diff_match_patch();
const diff = dmp.diff_main(base, compare);
// Result: [(-1, "Hell"), (1, "G"), (0, "o"), (1, "odbye"), (0, " World.")]
//dmp.diff_cleanupSemantic(diff);
const leven = dmp.diff_levenshtein(diff)
//const ds = dmp.diff_prettyHtml(diff);
// Result: [(-1, "Hello"), (1, "Goodbye"), (0, " World.")]
return leven
}
function compareFxn(a,b) {
if (a.leven < b.leven)
return -1;
if (a.leven > b.leven)
return 1;
return 0;
}
const text = [
"text text text text",
"text text test text",
"tesp test sett text",
"texft tsexft tesxft text",
"text textffs texttext text text",
"text test test text",
"test test test text",
]
const newTextMap = text.map((d) => {
console.log(d)
const compare = runGoogleDiffPatch(text[0], d)
const compareObject = {
leven: compare,
text: d
}
return compareObject
})
console.log(newTextMap)
const sortedTextMap = newTextMap.sort(compareFxn)
$(document).ready(() => {
sortedTextMap.forEach((i) => {
const num = i.leven + 1
const newNum = 1 / num
console.log(newNum)
$("#view").append("<div>" + i.text + "<svg width='400' height='110'><rect width='300' height='100' style='fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0);opacity:" + newNum + "'/></svg></div>")
})
})
</script>
</head>
<body>
<div id="view">
</div>
</body>
</html>