Mile Wide… Inch Deep…

Archive for the ‘Programming’ category

OT/NT Refs: Development log, entry #4

July 6th, 2011

Completed

Added book names/labels (reversed orientation and set justification=”right” when angle < 90 or > 270)
Added chapter ticks (first chapter + every 10th chapter)
Added think black border around book arc
Reduced thickness of link lines (from 2pt to 1pt)
Added buffer between link line ends and book arcs (“var innerBuffer = 5″)
Added allusion links and possible allusion links (both are dashed; wider dashes = possible allusion) [display of allusions and possible allusions are managed via a boolean variable for each setting]

To Do — cumulative

In priority order:

~~Add book labels~~
Fix intermediate point calculation
Add interactivity [to do what?]
Add columns for each chapter (why?)
~~Add the allusion links and possible [allusion] links~~
~~Set up correct Z-order~~ (handled by order of function calls)

No comments »

Posted in Christianity, Data Visualization, Graphic Design, Programming, Tools, Website

Tags: paper.js

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?

No comments »

Posted in Christianity, Data Visualization, Design, Graphic Design, Programming

Tags: paper.js

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 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…

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

1 comment »

Posted in Christianity, Data Visualization, Design, Programming

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

No comments »

Posted in Christianity, Data Visualization, Graphic Design, Programming, Website

StatJump – Data Search Made Easy

July 11th, 2010

A few days ago, the great Revolutions blog posted (“Visualizing the census“) about a new utility called StatJump where you can visualize data from the 2010 US Census using, of course, R. Pretty impressive. The image here shows the percentage of students graduating High School, by county. There are tons of canned visualizations — just click one of the menu items (e.g. “Social Demographic Data”) on the home page. You can also run your own searches, though it only seems to return the data in a table — i.e. I haven’t figured out how to generate these maps from my own search. Very powerful tool, considering all those data being searched.