Added some random links to test where I should set the “through” point — at 2r/3, 1r/3, 7r/8, or some other value (notice the grey circles in the graphic at those settings). Suggestions?
I’m building a JavaScript-based graphic depicting references of Old Testament passages in the New Testament. I originally started with Circos (see earlier post: Old Testament/New Testament reference graphic), but didn’t like the lack of interactivity. Circos makes very pretty static graphics, but I’d like to be able to drill down and adjust the display based on user-input.
I recently discovered Paper.js (http://www.paperjs.org/), which looks very flexible and comprehensive. So, thinking I can build it with Paper.js, I began playing with the library, figuring out how to build something that at least looks like Circos, but without all the extra bells-and-whistles it has that I just don’t need. So far, I have completed three basic graphs…
“Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface.”
I think this is the perfect platform for building my interactive OT/NT reference map app. I’ve bounced between Java (Batik), Processing, static images, and even Flash (which I don’t know, so would have to learn), but none of them really gave me the simplicity and flexibility that Paper.js has.
More info to come… Stay tuned…
I’ve struggled with a way to visually depict how often (and how) the New Testament writers used the Old Testament, whether explicitly (quotations) or implicitly (allusions). While trying to come up with something useful and visually appealing, I found two separate, yet very useful tools:
The Data Viz Quiz – Data Mining: Text Mining, Visualization and Social Media. How many can you answer correctly? I got 7 right.