D3 Examples - Gosper treemap with hierarchical edge bundling

Gosper treemap with hierarchical edge bundling

A Gosper treemap of the flare software package hierarchy. Imports, that define links between software classes, are represented using Danny Holten's hierarchical edge bundling (see Holten et al. - 2006).

The tension of the bundling is set to a very high value, to try to give bundles a river-like appearance. Other bundling methods are likely to provide better results at that, like skeleton-based ones (Ersoy et al. 2011).

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Gosper treemap (edge bundling)</title>
        <link type="text/css" href="index.css" rel="stylesheet"/>
        <script src="https://d3js.org/d3.v3.min.js"></script>
        <script src="https://jsclipper.sourceforge.net/6.1.3.1/clipper.js"></script>
        <script src="zip.js"></script>
        <script src="flare_reader.js"></script>
        <script src="tree_utils.js"></script>
        <script src="sfc_layout.js"></script>
        <script src="jigsaw.js"></script>
    </head>
    <body>
    </body>
    <script src="index.js"></script>
</html>
    