D3 Examples - Viewing OpenLearn Mindmaps Using d3.js

xxxxxxxxxx
 
<!DOCTYPE html>
<meta charset="utf-8">
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/d3@2.8.1/d3.v2.min.js"></script>
    <script src="./client.js"></script>
    <style type="text/css">
    .node circle {
        cursor: pointer;
        fill: #fff;
        stroke: steelblue;
        stroke-width: 1.5px;
    }
​
    .node text {
        font-size: 11px;
    }
​
    path.link {
        fill: none;
        stroke: #ccc;
        stroke-width: 1.5px;
    }
    </style>
</head>
<body>
<div id="footer">
        d3.layout.tree
        <div class="hint">click or option-click to expand or collapse</div>
      </div>
</body>
</html>
    