Archive for the ‘Christianity’ category

OT/NT Refs: Development log, entry #3

July 4th, 2011

otnt-rev5Completed

  • Added all the direct quotation links
  • Fixed the link lines (now they point to the correct location (based on the chapter of the reference) on the arc, not the first point)
  • Added some color (a little different than in my first post, but same groupings) to the links;
  • Shrank the arc depth;
  • Expanded the size of the whole graphic.

To Do

Same as in in my first dev log entry plus:

  • Fix the intermediate point calculation for the arcs (see how they bunch up unnaturally and too often go on the wrong side of the center point when they should stay on the same side of the center point);
  • Add the allusion links (dashed? dotted?) and possible links (thinner line?)
  • Set up the correct Z-order for the links

Performance

Size: 66 books + 306 links/lines.

It takes about 3 seconds to load/draw on Safari and around 4 seconds on Firefox. It won’t run on Chrome (“XMLHttpRequest cannot load file:…. Cross origin requests are only supported for HTTP.”).

OT/NT Refs: Development log, entry #2

July 4th, 2011

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?

 

 

OT/NT Refs: Development log, entry #1

July 3rd, 2011

I’m building a JavaScript-based graphic depicting references of Old Testament passages in the New Testament. I originally started with Circos (see earlier postOld 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…

» Read more: OT/NT Refs: Development log, entry #1

Paper.js — SVG with JavaScript

June 29th, 2011

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…

HT: CreativeApplications.net

Old Testament/New Testament reference graphic

June 27th, 2011

Old Testament / New Testament Reference Map

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:

  • New Testament References to Old Testament Scriptures (http://mb-soft.com/believe/txh/ntot.htm) — a list of OT quotations. Thanks to Carl, at mb-soft, for permission to use their data in generating this graphic;
  • Circos (http://circos.ca) — a collection of perl scripts to generate radial convergence diagrams; originally designed for visualizing genomic data.

» Read more: Old Testament/New Testament reference graphic