-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmodule-graph.html
61 lines (61 loc) · 12.8 KB
/
module-graph.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<html>
<head>
<title>Module dependency</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootswatch/4.5.2/cerulean/bootstrap.min.css" id="nsd-bootstrap-theme-stylesheet">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
<meta charset="utf-8">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Nasdanika-Models/html-app@master/gen/web-resources/css/app.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/themes/default/style.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/github-markdown.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/default.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/bootstrap-vue.css">
<script src="https://cdn.jsdelivr.net/gh/Nasdanika-Models/html-app@master/gen/web-resources/js/common.js"></script>
<script src="https://cdn.jsdelivr.net/gh/Nasdanika-Models/html-app@master/gen/web-resources/js/dark-head.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jstree.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/highlight.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/bootstrap-vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/Nasdanika-Models/html-app@master/gen/web-resources/js/components/table.js"></script>
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/Nasdanika-Models/ecore@master/graph/web-resources/components/table.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/5.4.3/echarts.min.js"></script><!-- Global site tag (gtag.js) - Google Analytics -->
</head>
<body>
<div class="container-fluid">
<div id="graph-container-graph-container" class="row" style="height:80vh;width:100%">
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var dom = document.getElementById("graph-container-graph-container");
var myChart = echarts.init(dom, null, {
render: "canvas",
useDirtyRect: false
});
var option = {"title":{"text":"Module Dependencies"},"legend":{},"series":[{"type":"graph","emphasis":{"focus":"adjacency"},"data":[{"symbolSize":10.0,"name":"org.nasdanika.launcher.demo","x":236.86786168627484,"y":1178.0692194095257,"category":0},{"symbolSize":10.693147180559945,"name":"org.nasdanika.launcher","x":246.25856098713928,"y":930.3912471737829,"category":0},{"symbolSize":11.38629436111989,"name":"org.nasdanika.models.echarts.graph","x":475.3575755980057,"y":1071.2391576074838,"category":0},{"symbolSize":11.38629436111989,"name":"org.nasdanika.ncore","x":901.502911336426,"y":1005.3402094280161,"category":0},{"symbolSize":11.09861228866811,"name":"org.nasdanika.capability","x":632.8659699040458,"y":972.7992920719948,"category":0},{"symbolSize":11.09861228866811,"name":"org.nasdanika.common","x":720.5315790456575,"y":552.1626836395602,"category":0},{"symbolSize":10.693147180559945,"name":"org.nasdanika.persistence","x":682.3015522797639,"y":768.5564817309538,"category":0},{"symbolSize":10.693147180559945,"name":"org.nasdanika.resources","x":526.9297969509923,"y":533.5151967496349,"category":0},{"symbolSize":10.693147180559945,"name":"org.nasdanika.cli","x":375.88952827094346,"y":982.2135427468805,"category":0},{"symbolSize":10.0,"name":"org.nasdanika.html.model.app.gen.cli","x":439.31652102853724,"y":666.2718404809481,"category":0},{"symbolSize":10.693147180559945,"name":"org.nasdanika.html.model.app.gen","x":829.5587331752093,"y":367.624758026,"category":0},{"symbolSize":10.693147180559945,"name":"org.nasdanika.html.model.bootstrap.gen","x":1176.2902778713478,"y":124.64781890785842,"category":0},{"symbolSize":10.693147180559945,"name":"org.nasdanika.html.model.html.gen","x":1533.0169498811963,"y":108.02211063862642,"category":0},{"symbolSize":11.38629436111989,"name":"org.nasdanika.html.model.html","x":1386.3158608162344,"y":232.86201495515337,"category":0},{"symbolSize":12.302585092994047,"name":"org.nasdanika.exec","x":1626.4332442598554,"y":553.0998718904932,"category":0},{"symbolSize":11.38629436111989,"name":"org.nasdanika.emf","x":1517.6737221900082,"y":647.9506325119663,"category":0},{"symbolSize":11.38629436111989,"name":"org.nasdanika.drawio","x":1417.3151804122688,"y":913.9094897173878,"category":0},{"symbolSize":11.791759469228055,"name":"org.nasdanika.graph","x":1226.1549918682992,"y":1077.674604727718,"category":0},{"symbolSize":11.6094379124341,"name":"org.nasdanika.drawio.model","x":1189.501521821824,"y":969.2921574822568,"category":0},{"symbolSize":11.09861228866811,"name":"org.nasdanika.html","x":976.7026497471747,"y":218.52479747880494,"category":0},{"symbolSize":11.38629436111989,"name":"org.nasdanika.exec.gen","x":1772.534845709648,"y":300.8215400856279,"category":0},{"symbolSize":10.693147180559945,"name":"org.nasdanika.ncore.gen","x":1835.1499724681366,"y":504.1001375864486,"category":0},{"symbolSize":11.38629436111989,"name":"org.nasdanika.html.model.bootstrap","x":1278.3214180451287,"y":25.889243610976564,"category":0},{"symbolSize":11.09861228866811,"name":"org.nasdanika.html.bootstrap","x":1063.375712665294,"y":0.0,"category":0},{"symbolSize":11.09861228866811,"name":"org.nasdanika.html.jstree","x":769.6260550301604,"y":100.43812855273744,"category":0},{"symbolSize":10.693147180559945,"name":"org.nasdanika.html.emf","x":1122.3108096558924,"y":600.4285898013231,"category":0},{"symbolSize":11.38629436111989,"name":"org.nasdanika.html.model.app","x":1231.7027844301092,"y":293.92799052353996,"category":0},{"symbolSize":10.693147180559945,"name":"org.nasdanika.models.rules.cli","x":459.2000267315461,"y":1313.1259801883584,"category":0},{"symbolSize":12.079441541679836,"name":"org.nasdanika.models.rules","x":862.6638416536598,"y":1477.0010971128518,"category":0},{"symbolSize":11.38629436111989,"name":"org.nasdanika.models.java","x":701.4891327689567,"y":1575.5539750107664,"category":0},{"symbolSize":11.38629436111989,"name":"org.nasdanika.models.coverage","x":589.8158579069201,"y":1356.2391518394618,"category":0},{"symbolSize":11.38629436111989,"name":"org.nasdanika.models.source","x":813.2743828306965,"y":1346.4953027398863,"category":0},{"symbolSize":11.38629436111989,"name":"org.nasdanika.models.architecture","x":1275.4272996162135,"y":1331.792731023346,"category":0},{"symbolSize":11.38629436111989,"name":"org.nasdanika.models.party","x":1092.914496198314,"y":1279.8644830111402,"category":0},{"symbolSize":11.6094379124341,"name":"org.nasdanika.graph.model","x":1575.4352701879163,"y":998.1450023249581,"category":0}],"symbolSize":24,"roam":true,"layout":"none","links":[{"source":0,"target":1},{"source":0,"target":2},{"source":0,"target":27},{"source":1,"target":2},{"source":1,"target":8},{"source":1,"target":9},{"source":2,"target":3},{"source":2,"target":3},{"source":3,"target":4},{"source":3,"target":6},{"source":3,"target":4},{"source":3,"target":6},{"source":3,"target":4},{"source":3,"target":6},{"source":3,"target":4},{"source":3,"target":6},{"source":3,"target":4},{"source":3,"target":6},{"source":3,"target":4},{"source":3,"target":6},{"source":3,"target":4},{"source":3,"target":6},{"source":3,"target":4},{"source":3,"target":6},{"source":3,"target":4},{"source":3,"target":6},{"source":3,"target":4},{"source":3,"target":6},{"source":3,"target":4},{"source":3,"target":6},{"source":3,"target":4},{"source":3,"target":6},{"source":3,"target":4},{"source":3,"target":6},{"source":3,"target":4},{"source":3,"target":6},{"source":3,"target":4},{"source":3,"target":6},{"source":3,"target":4},{"source":3,"target":6},{"source":3,"target":4},{"source":3,"target":6},{"source":3,"target":4},{"source":3,"target":6},{"source":3,"target":4},{"source":3,"target":6},{"source":4,"target":5},{"source":4,"target":5},{"source":4,"target":5},{"source":4,"target":5},{"source":4,"target":5},{"source":4,"target":5},{"source":4,"target":5},{"source":4,"target":5},{"source":4,"target":5},{"source":4,"target":5},{"source":4,"target":5},{"source":4,"target":5},{"source":4,"target":5},{"source":4,"target":5},{"source":4,"target":5},{"source":4,"target":5},{"source":4,"target":5},{"source":4,"target":5},{"source":4,"target":5},{"source":4,"target":5},{"source":4,"target":5},{"source":4,"target":5},{"source":4,"target":5},{"source":6,"target":7},{"source":6,"target":7},{"source":6,"target":7},{"source":6,"target":7},{"source":6,"target":7},{"source":6,"target":7},{"source":6,"target":7},{"source":6,"target":7},{"source":6,"target":7},{"source":6,"target":7},{"source":6,"target":7},{"source":6,"target":7},{"source":6,"target":7},{"source":6,"target":7},{"source":6,"target":7},{"source":6,"target":7},{"source":6,"target":7},{"source":6,"target":7},{"source":6,"target":7},{"source":7,"target":5},{"source":7,"target":5},{"source":7,"target":5},{"source":7,"target":5},{"source":7,"target":5},{"source":7,"target":5},{"source":7,"target":5},{"source":7,"target":5},{"source":7,"target":5},{"source":7,"target":5},{"source":7,"target":5},{"source":7,"target":5},{"source":7,"target":5},{"source":7,"target":5},{"source":7,"target":5},{"source":7,"target":5},{"source":7,"target":5},{"source":7,"target":5},{"source":7,"target":5},{"source":8,"target":4},{"source":8,"target":4},{"source":8,"target":4},{"source":9,"target":8},{"source":9,"target":10},{"source":10,"target":11},{"source":10,"target":24},{"source":10,"target":25},{"source":11,"target":12},{"source":11,"target":22},{"source":12,"target":13},{"source":12,"target":20},{"source":13,"target":14},{"source":13,"target":19},{"source":13,"target":14},{"source":13,"target":19},{"source":13,"target":14},{"source":13,"target":19},{"source":14,"target":15},{"source":14,"target":15},{"source":14,"target":15},{"source":14,"target":15},{"source":14,"target":15},{"source":15,"target":16},{"source":15,"target":16},{"source":15,"target":16},{"source":15,"target":16},{"source":15,"target":16},{"source":15,"target":16},{"source":15,"target":16},{"source":16,"target":17},{"source":16,"target":18},{"source":16,"target":17},{"source":16,"target":18},{"source":16,"target":17},{"source":16,"target":18},{"source":16,"target":17},{"source":16,"target":18},{"source":16,"target":17},{"source":16,"target":18},{"source":16,"target":17},{"source":16,"target":18},{"source":16,"target":17},{"source":16,"target":18},{"source":17,"target":3},{"source":17,"target":3},{"source":17,"target":3},{"source":17,"target":3},{"source":17,"target":3},{"source":17,"target":3},{"source":17,"target":3},{"source":18,"target":3},{"source":18,"target":3},{"source":18,"target":3},{"source":18,"target":3},{"source":18,"target":3},{"source":18,"target":3},{"source":18,"target":3},{"source":19,"target":5},{"source":19,"target":5},{"source":19,"target":5},{"source":19,"target":5},{"source":19,"target":5},{"source":19,"target":5},{"source":20,"target":14},{"source":20,"target":21},{"source":21,"target":15},{"source":22,"target":23},{"source":22,"target":13},{"source":22,"target":23},{"source":22,"target":13},{"source":23,"target":19},{"source":23,"target":19},{"source":24,"target":19},{"source":25,"target":26},{"source":25,"target":15},{"source":25,"target":3},{"source":26,"target":22},{"source":27,"target":8},{"source":27,"target":28},{"source":28,"target":29},{"source":28,"target":32},{"source":29,"target":30},{"source":29,"target":31},{"source":30,"target":4},{"source":31,"target":3},{"source":32,"target":33},{"source":32,"target":34},{"source":33,"target":3},{"source":34,"target":14}],"categories":[{"name":"Nasdanika"},{"name":"Eclipse"},{"name":"Java"},{"name":"Other"}],"draggable":true,"edgeSymbol":["none","arrow"],"label":{"show":true,"position":"right"},"lineStyle":{"color":"source","curveness":0}}]};
option.tooltip = {};
option.series[0].tooltip = {
formatter: function(arg) {
return arg.value ? arg.value.description : null;
}
};
myChart.setOption(option);
myChart.on("dblclick", function(params) {
if (params.value) {
if (params.value.link) {
window.open(params.value.link, "_self");
} else if (params.value.externalLink) {
window.open(params.value.externalLink);
}
}
});
window.addEventListener("resize", myChart.resize);
});
</script>
</body>
</html>