Below is the link to the source code (remember to put in in the web folder of a web server such as xamp so that the html page will be able to download the json in the same folder):
https://dl.dropboxusercontent.com/u/113201788/d3/hierarchical-edge-bundling.zip
Below is the html which includes the javascript that download a json data and then display as a HierarchicalEdgeBundling chart:
<html>
<head>
<link href="lib/hierarchical-edge-bundling.css" rel="stylesheet"></link>
<script src="lib/jquery-2.1.3.min.js" type="text/javascript"></script>
<script src="lib/d3.min.js" type="text/javascript"></script>
<script src="lib/packages.js" type="text/javascript"></script>
<script src="lib/hierarchical-edge-bundling.js" type="text/javascript"></script>
<script>
$(function(){
plotHierarchicalEdgeBundling();
});
function plotHierarchicalEdgeBundling()
{
d3.json("readme-flare-imports.json", function(data) {
var plot = new HierarchicalEdgeBundling("chtHierarchicalEdgeBundling", "infoHierarchicalEdgeBundling", data);
});
}
</script>
<style>
body{
padding-top: 10px;
}
</style>
</head>
<body>
<div id="chtHierarchicalEdgeBundling" class="heb"></div>
</body>
</html>
No comments:
Post a Comment