It's difficult to search for HTML diff libraries these days because all the hits are vdom like things, instead of diffing HTML text for development / testing.
Graphtage: A semantic diff utility for JSON, HTML, YAML, CSV, etc
11–20 of 52 posts
Re: Graphtage: A semantic diff utility for JSON, HTML, YAML, CSV, etc
#12Re: Graphtage: A semantic diff utility for JSON, HTML, YAML, CSV, etc
#13It's cool, but does seem quite slow. I'm diffing two 45kB CSVs on a fast computer and after 10 minutes I'm still at: Diffing: 0% ... 0/93195 [00:00
Re: Graphtage: A semantic diff utility for JSON, HTML, YAML, CSV, etc
#14Interesting use of U+031F COMBINING PLUS SIGN BELOW to indicate additions, I don't think I've seen that before.
It's the kind of UI experimentation I like to see people try, but I'm not sure they nailed this one. Probably onto something though. Try different diacritical symbols and see what sticks. Given how '"' looks, maybe combining above or below needs to vary by character. Above probably looks awful for '.' and ','. Really I think the strikethrough might suffice. The only way to know for sure is to take away the color high…
There has to be a better method.
Re: Graphtage: A semantic diff utility for JSON, HTML, YAML, CSV, etc
#15Earlier quoted context omitted.
It's the kind of UI experimentation I like to see people try, but I'm not sure they nailed this one. Probably onto something though. Try different diacritical symbols and see what sticks. Given how '"' looks, maybe combining above or below needs to vary by character. Above probably looks awful for '.' and ','. Really I think the strikethrough might suffice. The only way to know for sure is to take away the color high…
Using diacritics for this is extremely visually noisy and not very legible. There has to be a better method.
Re: Graphtage: A semantic diff utility for JSON, HTML, YAML, CSV, etc
#16It's cool, but does seem quite slow. I'm diffing two 45kB CSVs on a fast computer and after 10 minutes I'm still at: Diffing: 0% ... 0/93195 [00:00
I think it’s ended up with a quadratic algorithm for diffing sequences and a quadratic log algorithm for diffing dictionaries. To understand why the sequences problem is quadratic, consider a sequence A of length m being doffed with a sequence B of length n. We want to express our diff in the minimum number of operations where an operation is removing, adding, or editing an element in the sequence. Construct a graph…
Re: Graphtage: A semantic diff utility for JSON, HTML, YAML, CSV, etc
#17Re: Graphtage: A semantic diff utility for JSON, HTML, YAML, CSV, etc
#18Anyone know of similar libraries in JavaScript? It's difficult to search for HTML diff libraries these days because all the hits are vdom like things, instead of diffing HTML text for development / testing.
https://github.com/Teamwork/visual-dom-diff
Which is quite good and fast. Encodes HTML tags as Unicode chars, calls diff-match-path and uses diff to build a final visual output.
Re: Graphtage: A semantic diff utility for JSON, HTML, YAML, CSV, etc
#19Re: Graphtage: A semantic diff utility for JSON, HTML, YAML, CSV, etc
#20Cheers for making this a local tool. So many versions of this sort of tool are online-only, which is a non-starter for proprietary data.