Force directed graph with collapsible hierarchical clustering

fch.(coffee/js)

D3 powers the view class (ForceClusterHierarchy) found that extends from the Backbone View class. This module might be able to be used standalone for visualising pretty much anything, as long as a compatible Model Collection is plugged into it (see network-status.(coffee/js))

network-status.(coffee/js)

The StatusTree collection contains a flattened hierarchy of network node Models (StatusNode).

xxxxxxxxxx
 
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
    background: #222;
    margin: 0;
}
</style>
<body>
<div class="vis">
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.8.1.js"></script>
<script type="text/javascript" src="https://underscorejs.org/underscore.js"></script>
<script type="text/javascript" src="https://backbonejs.org/backbone.js"></script>
<script type="text/javascript" src="https://d3js.org/d3.v2.js"></script>
<script src="js/network-status.js" type="text/javascript"></script>
<script src="js/fch.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
​
    

Modified http://code.jquery.com/jquery-1.8.1.js to a secure url

Modified http://underscorejs.org/underscore.js to a secure url

Modified http://backbonejs.org/backbone.js to a secure url

Modified http://d3js.org/d3.v2.js to a secure url

https://code.jquery.com/jquery-1.8.1.js

https://underscorejs.org/underscore.js

https://backbonejs.org/backbone.js

https://d3js.org/d3.v2.js