block by nitaku d1c32b2e77120f560061

Arc Diagram II

Full Screen

A new take on a previous example about arc diagrams, showing character patterns in an Italian tongue-twister.

As in Wattenberg’s original definition, only essential matching pairs are shown as arcs, to reduce visual clutter. Clicking on an arc highlights all the pairs having the same subsequence of characters.

Whitespaces are ignored by using a character replacement technique prior to the application of the matching algorithm.

Data is computed offline with a python tool by Oliver Mader, which implements a different version of Wattenberg’s original algorithm.

index.js

index.html

index.coffee

index.css