A dagre dependency graph.

Dagre Dependency Graph

The first sentence of Homer's Odyssey in dependency tree format (via the Perseus Digital Library's Ancient Greek and Latin Dependency Treebanks project). Rendered with dagre-d3.

xxxxxxxxxx
 
<!DOCTYPE html>
<html lang='en'>
    <head>
        <meta charset='utf-8'>
        <title>
            Dagre Dependency Tree
        </title>
        <style type='text/css'>
            svg {
                display: block;
                margin: 0 auto;
                overflow: hidden;
            }
            .node rect {
                stroke: #333;
                stroke-width: 1.5px;
                fill: #fff;
            }
​
            .edgeLabel rect {
                fill: #F8F9FA;
            }
​
            .edgePath {
                stroke: #333;
                stroke-width: 1.5px;
                fill: none;
            }
        </style>
    </head>
    <body>
        <script type="text/javascript" src="bundle.js"></script>
    </body>
</html>
    