www/index.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.link {
fill: none;
stroke: #666;
stroke-width: 1.2px;
}
#async path {
fill: #fff;
stroke: #666;
stroke-width: 1.3px;
stroke-linejoin: miter;
}
#sync path {
fill: #666;
stroke: #666;
stroke-width: 1.3px;
stroke-linejoin: miter;
}
.link.async {
stroke-dasharray: 0,2 1;
}
circle {
fill: #ccc;
stroke: #333;
stroke-width: 1.5px;
}
.service {
fill: #fff;
stroke: #333;
stroke-width: 1.5px;
}
.service_bg {
fill: #fff;
stroke: none;
}
text {
font: 10px sans-serif;
pointer-events: none;
text-anchor: middle;
}
.msg {
color: #ccc;
font: 8px sans-serif;
pointer-events: none;
text-anchor: middle;
}
</style>
<body>
<button onclick="set_view_mode('tag')" >tag</button>
<button onclick="set_view_mode('instance')" >instance</button>
<div id="graph">
<script src="d3.v4.min.js"></script>
<script src="app.js"></script>
<div>
</body>
</html>