Example of TnT visualisation showing how to update the tree and the board (tracks) based on user input. Click on internal nodes of the tree to collapse them.
xxxxxxxxxx
<head>
<link rel="stylesheet" href="https://tntvis.github.io/tnt/build/tnt.css" type="text/css" />
<style>
#mydiv {
margin-top: 50px;
}
</style>
<script src="https://d3js.org/d3.v3.min.js"></script>
<script src="https://tntvis.github.io/tnt/build/tnt.min.js"></script>
<script src="data.js"></script>
<script src="render.js"></script>
</head>
<body>
<div id="mydiv"></div>
<script>
render(document.getElementById("mydiv"));
</script>
</body>
Modified http://d3js.org/d3.v3.min.js to a secure url
Modified http://tntvis.github.io/tnt/build/tnt.min.js to a secure url
https://d3js.org/d3.v3.min.js
https://tntvis.github.io/tnt/build/tnt.min.js