The algorithm was used in generating the conversational thread visualization in a journal paper: J. Zhao, N. Cao, Z. Wen, Y. Song, Y.-R. Lin, and C. Collins, #FluxFlow: Visual Analysis of Anomalous Information Spreading on Social Media, IEEE Transactions on Visualization and Computer Graphics (Proceedings of VAST 2014), 20(12), pp. 1773-1782, Dec 2014.
Creates a new pack layout with the default settings.
If xpos is specified, sets the accessor to the specified function. If xpos is not specified, returns the current accessor, which assumes that the input data is an object with a numeric x attribute.
If radius is specified, sets the accessor to the specified function. If radius is not specified, returns the current accessor, which assumes that the input data is an object with a numeric r attribute.
If score is specified, sets the accessor to the specified function. If score is not specified, returns the current accessor, which assumes that the input data is an object with a numeric score attribute.
Runs the pack layout that represents all the input data items above the packscore threshold as circles by best satisfying their horizontal constraints. If packscore is not specified, the default is 0. Assumes data is an arrary of objects with numeric attributes: x, r, and score. If score is not specified with the input objects, simply packs all the data items (so that packscore is redudant).
Returns an object with the following information.
nodes - the packed nodes with px and py as their positions;
rect - the bounding box of the layout: {xMin, xMax, yMin, yMax};
outline - the upper and lower border nodes of the packed layout: {up, down}.
Adding this library via <script> tag is the simplest way. By doing this, xpack is available in the global scope.
<script src="xpack.js"></script>
If you use requirejs, xpack support AMD out of the box.
require(['path/to/xpack'], function(xpack) {
// do something
});
xpack also supports usage in commonjs style.
var xpack = require('path/to/xpack');