-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
35 changed files
with
3,880 additions
and
335 deletions.
There are no files selected for viewing
215 changes: 215 additions & 0 deletions
215
docs/circular-layout-graph-with-dependencies-and-subpackages.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,215 @@ | ||
<!doctype html> | ||
<html lang="EN"> | ||
<head> | ||
<title>Circular Graph</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/popper.js@1.16.1/dist/umd/popper.min.js"></script> | ||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.min.js"></script> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Nasdanika/html@master/model/app.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/jstree@3.3.11/dist/themes/default/style.min.css"> | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5.1.0/github-markdown.min.css"> | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.3.1/build/styles/default.min.css"> | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-vue@2.21.2/dist/bootstrap-vue.css"> | ||
<script src="https://cdn.jsdelivr.net/gh/Nasdanika/html@master/model/app.gen/web-resources/js/common.js"></script> | ||
<script src="https://cdn.jsdelivr.net/gh/Nasdanika/html@master/model/app.gen/web-resources/js/dark-head.js"></script> | ||
<script src="https://cdn.jsdelivr.net/npm/jstree@3.3.11/dist/jstree.min.js"></script> | ||
<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.3.1/build/highlight.min.js"></script> | ||
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script> | ||
<script src="https://cdn.jsdelivr.net/npm/bootstrap-vue@2.21.2/dist/bootstrap-vue.min.js"></script> | ||
<script src="https://cdn.jsdelivr.net/gh/Nasdanika/html@master/model/app.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 --> | ||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-9BRJVLK8CC"></script> | ||
<script> | ||
window.dataLayer = window.dataLayer || []; | ||
function gtag(){dataLayer.push(arguments);} | ||
gtag('js', new Date()); | ||
|
||
gtag('config', 'G-9BRJVLK8CC'); | ||
</script> | ||
|
||
<script src="search-documents.js"></script> | ||
|
||
<script src="https://cdn.jsdelivr.net/gh/olivernn/lunr.js@v2.3.9/lunr.js"></script> | ||
|
||
<script> | ||
// Script for full-text search of JsTree | ||
|
||
window.nsdJsTreeSearchCallback = function(str, node) { | ||
var sf = new $.vakata.search(str, true, { caseSensitive : false, fuzzy : false }); | ||
if (sf.search(node.text).isMatch) { | ||
return true; | ||
} | ||
let searchResult = this.search(str); | ||
for (const sr in searchResult) { | ||
if (searchResult[sr].ref === node.original['data-nsd-label-uuid']) { | ||
return true; | ||
} | ||
} | ||
return false; | ||
}.bind(lunr(function () { | ||
this.ref('id'); | ||
this.field('title'); | ||
this.field('content'); | ||
|
||
for (const key in searchDocuments) { | ||
let doc = searchDocuments[key]; | ||
this.add({ | ||
id: doc['action-uuid'], | ||
title: doc.title, | ||
path: doc.path, | ||
content: doc.content | ||
}); | ||
} | ||
})); | ||
</script> | ||
</head> | ||
<body> | ||
<div tabindex="-1" id="nsd_2l" class="modal"> | ||
<div class="modal-dialog"> | ||
<div class="modal-content"> | ||
<div class="modal-body">Hover mouse over nodes elements to display tooltips. | ||
Double-click on nodes to navigate go documentation. | ||
Drag to rearrange. | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="container-fluid nsd-app-container"> | ||
<div class="row"> | ||
<div class="col nsd-app-header"> | ||
<a href="https://github.com/Nasdanika-Models" data-nsd-label-uuid="954b333e-b3b1-4dd0-a24e-6353dae7b13d" class="nsd-app-header-title"> | ||
<img src="https://docs.nasdanika.org/images/nasdanika-logo.png" class="nsd-app-label-icon">Nasdanika Models</a> | ||
<ul class="nav nsd-app-header-navs"> | ||
<li class="nav-item"> | ||
<a href="search.html" data-nsd-label-uuid="c81af31f-a9af-444b-b683-4320a294158f" class="nav-link"><span class="fas fa-search nsd-app-label-icon"></span>Search</a> | ||
</li> | ||
<li class="nav-item"> | ||
<a href="glossary.html" data-nsd-label-uuid="140ec617-2d10-4e7a-b089-800b2df7a806" class="nav-link"><span class="fas fa-book nsd-app-label-icon"></span>Glossary</a> | ||
</li> | ||
</ul> | ||
</div> | ||
</div> | ||
<div class="row"> | ||
<div class="col nsd-app-navbar"> | ||
<ul class="navbar navbar-light navbar-expand-lg"> | ||
<a href="index.html" data-nsd-label-uuid="802ca93d-a954-48c3-8bbd-817d53da64d9" class="navbar-brand"> | ||
<img src="https://cdn.jsdelivr.net/gh/Nasdanika-Models/ecore@master/graph/web-resources/icons/EPackage.gif" class="nsd-app-label-icon">maven</a> | ||
<button type="button" data-toggle="collapse" data-target="#nsd_2i" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler"><span class="navbar-toggler-icon"></span> | ||
</button> | ||
<div id="nsd_2i" class="collapse navbar-collapse"> | ||
<ul class="navbar-nav mr-auto"> | ||
<li class="nav-item"> | ||
<a href="classifiers.html" data-nsd-label-uuid="274ce865-25b6-4d33-a643-05958dedfe26" class="nav-link">Classifiers</a> | ||
</li> | ||
<li class="nav-item"> | ||
<a href="diagram.html" data-nsd-label-uuid="a2e49093-8beb-4448-a2c6-b6b6f78b1eb0" class="nav-link"><span class="fas fa-project-diagram nsd-app-label-icon"></span>Diagram</a> | ||
</li> | ||
<li class="nav-item"> | ||
</li><li data-nsd-label-uuid="dcc94517-4d08-42d6-b949-be87746426ea" class="dropdown"> | ||
<a role="button" data-toggle="dropdown" class="nav-link dropdown-toggle"> | ||
<img src="https://img.icons8.com/external-dreamstale-lineal-dreamstale/16/external-diagram-seo-media-dreamstale-lineal-dreamstale.png" class="nsd-app-label-icon">Graphs</a> | ||
<div class="dropdown-menu"> | ||
<a href="default-graph.html" data-nsd-label-uuid="2265c3c1-24e9-4e7d-9154-5d5b2ce0d563" class="dropdown-item">Default Graph</a> | ||
<a href="circular-layout-graph.html" data-nsd-label-uuid="fcc2ffc2-3fa9-4770-bd47-8b51b6a67630" class="dropdown-item">Circular Graph</a> | ||
<a href="force-layout-graph.html" data-nsd-label-uuid="76465010-b10d-433b-8982-dc5dee47d42a" class="dropdown-item">Force Graph</a> | ||
<div title="With dependencies and sub-packages" class="dropdown-divider"></div> | ||
<a href="default-graph-with-dependencies-and-subpackages.html" data-nsd-label-uuid="2671e6e0-3470-4e38-964c-5fe2027cf51d" class="dropdown-item">Default Graph</a><span data-nsd-label-uuid="0feed491-7201-4ee3-8c74-d4a47d07395a" class="active dropdown-item">Circular Graph</span> | ||
<a href="force-layout-graph-with-dependencies-and-subpackages.html" data-nsd-label-uuid="771ad6e5-1623-49bd-8fd9-9da7ae642d22" class="dropdown-item">Force Graph</a> | ||
</div> | ||
</li> | ||
|
||
</ul> | ||
</div> | ||
</ul> | ||
</div> | ||
</div> | ||
<div class="row nsd-app-content-row"> | ||
<div class="col nsd-app-navigation-panel"> | ||
<div class="list-group list-group-flush"> | ||
<a href="references/eClassifiers/Coordinates/index.html" data-nsd-label-uuid="1a4b2adb-7f39-4d34-b9ab-b149ab7c8a9f" class="list-group-item list-group-action"> | ||
<img src="https://cdn.jsdelivr.net/gh/Nasdanika-Models/ecore@master/graph/web-resources/icons/EClass.gif" class="nsd-app-label-icon">Coordinates</a> | ||
<a href="references/eClassifiers/Project/index.html" data-nsd-label-uuid="c0deb1e4-70e3-48a9-a9ab-0c6be9858599" class="list-group-item list-group-action"> | ||
<img src="https://cdn.jsdelivr.net/gh/Nasdanika-Models/ecore@master/graph/web-resources/icons/EClass.gif" class="nsd-app-label-icon">Project</a> | ||
</div> | ||
</div> | ||
<div data-nsd-label-uuid="0feed491-7201-4ee3-8c74-d4a47d07395a" data-nsd-action-uris="uuid:0feed491-7201-4ee3-8c74-d4a47d07395a" class="col nsd-app-content-panel"> | ||
<div class="container-fluid"> | ||
<div class="row nsd-app-content-panel-breadcrumb-row"> | ||
<div class="col"> | ||
<nav aria-label="breadcrumb" class="nsd-app-content-panel-breadcrumb"> | ||
<ol class="breadcrumb"> | ||
<li class="breadcrumb-item"><span data-nsd-label-uuid="dcc94517-4d08-42d6-b949-be87746426ea"><img src="https://img.icons8.com/external-dreamstale-lineal-dreamstale/16/external-diagram-seo-media-dreamstale-lineal-dreamstale.png" class="nsd-app-label-icon">Graphs</span> | ||
</li> | ||
<li class="breadcrumb-item active"><span data-nsd-label-uuid="0feed491-7201-4ee3-8c74-d4a47d07395a">Circular Graph</span> | ||
</li> | ||
</ol> | ||
</nav> | ||
</div> | ||
</div> | ||
<div class="row nsd-app-content-panel-title-and-items-row"> | ||
<div class="col-auto"> | ||
<h1><span data-nsd-label-uuid="0feed491-7201-4ee3-8c74-d4a47d07395a" class="nsd-app-content-panel-title">Circular Graph<a data-toggle="modal" data-target="#nsd_2l" href="#" title="A circular layout graph of package classifiers showing relationships between them" style="vertical-align:super;font-size:x-small;margin-left:0.2em"><span class="far fa-question-circle nsd-app-label-icon"></span></a></span> | ||
</h1> | ||
</div> | ||
</div> | ||
<div class="row nsd-app-content-panel-content-row"> | ||
<div class="col"> | ||
<div class="container-fluid"> | ||
<div class="row"> | ||
<div class="col"><div id="graph-container-11" class="row" style="height:80vh;width:100%"> | ||
</div> | ||
<script type="text/javascript"> | ||
$(document).ready(function() { | ||
var dom = document.getElementById("graph-container-11"); | ||
var myChart = echarts.init(dom, null, { | ||
render: "canvas", | ||
useDirtyRect: false | ||
}); | ||
var option = {"legend":{},"series":[{"type":"graph","emphasis":{"focus":"adjacency"},"data":[{"symbol":"image://https://cdn.jsdelivr.net/gh/Nasdanika-Models/ecore@master/graph/web-resources/icons/EClass.gif","id":"Project@ecore://nasdanika.org/models/maven","name":"Project","value":{"externalLink":"references/eClassifiers/Project/index.html"},"x":492.01947243026603,"y":75.17290172270351,"category":0},{"symbol":"image://https://cdn.jsdelivr.net/gh/Nasdanika-Models/ecore@master/graph/web-resources/icons/EDataType.gif","id":"EString@http://www.eclipse.org/emf/2002/Ecore","name":"EString","value":{"externalLink":"https://ecore.models.nasdanika.org/references/eClassifiers/EString/index.html"},"x":377.4877021980727,"y":305.8610472278575,"category":1},{"symbol":"image://https://cdn.jsdelivr.net/gh/Nasdanika-Models/ecore@master/graph/web-resources/icons/EClass.gif","id":"Coordinates@ecore://nasdanika.org/models/maven","name":"Coordinates","value":{"externalLink":"references/eClassifiers/Coordinates/index.html"},"x":234.97179295478526,"y":91.32955191379871,"category":0}],"symbolSize":20,"roam":true,"layout":"circular","links":[{"source":0,"target":1},{"source":0,"target":2},{"source":2,"target":0},{"source":2,"target":1}],"categories":[{"name":"maven"},{"name":"ecore"}],"draggable":true,"label":{"show":true,"position":"right"},"lineStyle":{"color":"source","curveness":0.3},"circular":{"rotateLabel":true}}]}; | ||
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> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="row"> | ||
<div class="col nsd-app-footer"> | ||
<ul class="nav nsd-app-footer-navs"> | ||
<li class="nav-item"> | ||
<a href="https://github.com/Nasdanika-Models/maven" data-nsd-label-uuid="39f60e75-ab22-4128-80d7-936649a0f648" class="nav-link"><span class="fab fa-github nsd-app-label-icon"></span>Sources</a> | ||
</li> | ||
</ul> | ||
</div> | ||
</div> | ||
</div> | ||
</body> | ||
</html> |
Oops, something went wrong.