semerj/harris-matrix

Harris Matrix Visualization for the web using D3 + KLayJS-D3

Harris Matrix Visualization

Converting Harris Matrix Composer XML

The command line utility hmc2json.py, written in Python 3.5, will convert Harris Matrix Composer-style GraphML data to JSON Graph Format.

Data exported from Harris Matrix Composer is packaged as a zip file with two XML documents: project.xml and matrix.xml. The latter contains the necessary graph data.

$ unzip matrix.hmcx

$ ./hmc2json.py matrix.xml matrix.json
# or
$ cat matrix.xml | ./hmc2json.py > matrix.json

Visualization

KLayJS-D3 is the main workhorse of these visualizations. The library provides a hierarchical, orthogonal graph layout algorithm that determines node placement and edge routing.

Examples

• Demo
• Sector D
• PEA
• A2

Installation

To view the visualization, first install the required JS libraries (D3, KLayJS, and KLayJS-D3) with a single command:

$ bower install klayjs-d3