2022-05-07 14:49:43 +00:00
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.16.1/vis.css" type="text/css" />
|
|
|
|
|
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.16.1/vis-network.min.js"> </script>
|
|
|
|
|
<center>
|
|
|
|
|
<h1></h1>
|
|
|
|
|
</center>
|
|
|
|
|
|
|
|
|
|
<!-- <link rel="stylesheet" href="../node_modules/vis/dist/vis.min.css" type="text/css" />
|
|
|
|
|
<script type="text/javascript" src="../node_modules/vis/dist/vis.js"> </script>-->
|
|
|
|
|
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
|
|
|
|
|
#mynetwork {
|
|
|
|
|
width: 100%;
|
2022-12-10 14:35:16 +00:00
|
|
|
height: 980px;
|
2022-05-07 14:49:43 +00:00
|
|
|
background-color: #222222;
|
|
|
|
|
border: 1px solid lightgray;
|
|
|
|
|
position: relative;
|
|
|
|
|
float: left;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<div id = "mynetwork"></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
|
|
|
|
// initialize global variables.
|
|
|
|
|
var edges;
|
|
|
|
|
var nodes;
|
|
|
|
|
var network;
|
|
|
|
|
var container;
|
|
|
|
|
var options, data;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// This method is responsible for drawing the graph, returns the drawn network
|
|
|
|
|
function drawGraph() {
|
|
|
|
|
var container = document.getElementById('mynetwork');
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// parsing and collecting nodes and edges from the python
|
2022-12-10 14:35:16 +00:00
|
|
|
nodes = new vis.DataSet([{"font": {"color": "white"}, "id": "#3 okayu fan", "label": "#3 okayu fan", "shape": "dot", "title": "#3 okayu fan Neighbors:\u003cbr\u003emogu 5.0\u003cbr\u003ekira 8.59\u003cbr\u003eroadroller specialist 8.59\u003cbr\u003euwunigher 8.59", "value": 4, "weight": ["8.59", "5.0", "8.59", "8.59"]}, {"font": {"color": "white"}, "id": "(((LUNA)))", "label": "(((LUNA)))", "shape": "dot", "title": "(((LUNA))) Neighbors:\u003cbr\u003eYourKStalker 5.64", "value": 1, "weight": ["5.64"]}, {"font": {"color": "white"}, "id": "A man with no Oshi", "label": "A man with no Oshi", "shape": "dot", "title": "A man with no Oshi", "value": 0, "weight": []}, {"font": {"color": "white"}, "id": "Aki\u0027s cool but Astel is my oshi", "label": "Aki\u0027s cool but Astel is my oshi", "shape": "dot", "title": "Aki\u0027s cool but Astel is my oshi Neighbors:\u003cbr\u003euwunigher 5.1\u003cbr\u003eIllidanStormrage 5.53\u003cbr\u003eREAPER REAPER 5.53", "value": 3, "weight": ["5.53", "5.1", "5.53"]}, {"font": {"color": "white"}, "id": "Amelia Gayson", "label": "Amelia Gayson", "shape": "dot", "title": "Amelia Gayson", "value": 0, "weight": []}, {"font": {"color": "white"}, "id": "Anemachi Holdings LLC", "label": "Anemachi Holdings LLC", "shape": "dot", "title": "Anemachi Holdings LLC Neighbors:\u003cbr\u003e\u6697\u95c7\u306e\u4e2d\u3067\u30c0\u30f3\u30b5\u30fc 5.0\u003cbr\u003eYourKStalker 5.64\u003cbr\u003eFlashbang-kun 6.0", "value": 3, "weight": ["5.0", "5.64", "6.0"]}, {"font": {"color": "white"}, "id": "Atlantis Realty \u0026 Co", "label": "Atlantis Realty \u0026 Co", "shape": "dot", "title": "Atlantis Realty \u0026 Co Neighbors:\u003cbr\u003eGoombles Enthusiasts GmbH\u0026Co KG 6.0\u003cbr\u003ekira 8.59\u003cbr\u003eroadroller specialist 8.59\u003cbr\u003euwunigher 8.59", "value": 4, "weight": ["8.59", "6.0", "8.59", "8.59"]}, {"font": {"color": "white"}, "id": "Baelz Inc", "label": "Baelz Inc", "shape": "dot", "title": "Baelz Inc Neighbors:\u003cbr\u003eroadroller specialist 8.59\u003cbr\u003esneedster11 8.59\u003cbr\u003euwunigher 8.59", "value": 3, "weight": ["8.59", "8.59", "8.59"]}, {"font": {"color": "white"}, "id": "Based Dope Super Ltd.", "label": "Based Dope Super Ltd.", "shape": "dot", "title": "Based Dope Super Ltd. Neighbors:\u003cbr\u003e[\u592b] Simp \u0026 Son Holdings 5.88\u003cbr\u003eroadroller specialist 8.27\u003cbr\u003euwunigher 8.27\u003cbr\u003eRetard 9.0", "value": 4, "weight": ["9.0", "8.27", "5.88", "8.27"]}, {"font": {"color": "white"}, "id": "CoinInvestor", "label": "CoinInvestor", "shape": "dot", "title": "CoinInvestor", "value": 0, "weight": []}, {"font": {"color": "white"}, "id": "Concordia", "label": "Concordia", "shape": "dot", "title": "Concordia", "value": 0, "weight": []}, {"font": {"color": "white"}, "id": "DibbyDabba", "label": "DibbyDabba", "shape": "dot", "title": "DibbyDabba Neighbors:\u003cbr\u003eREAPER REAPER 5.76", "value": 1, "weight": ["5.76"]}, {"font": {"color": "white"}, "id": "Flashbang-kun", "label": "Flashbang-kun", "shape": "dot", "title": "Flashbang-kun Neighbors:\u003cbr\u003eAnemachi Holdings LLC 6.0\u003cbr\u003esneedster11 6.54\u003cbr\u003euwunigher 6.54\u003cbr\u003eYourKStalker 7.35", "value": 4, "weight": ["6.0", "6.54", "7.35", "6.54"]}, {"font": {"color": "white"}, "id": "Goombles Enthusiasts GmbH\u0026Co KG", "label": "Goombles Enthusiasts GmbH\u0026Co KG", "shape": "dot", "title": "Goombles Enthusiasts GmbH\u0026Co KG Neighbors:\u003cbr\u003e\ud83d\udca5\ud83d\udca5Boom Boom\ud83d\udca5\ud83d\udca5 5.1\u003cbr\u003eREAPER REAPER 5.31\u003cbr\u003eAtlantis Realty \u0026 Co 6.0\u003cbr\u003eSwiggin 6.0", "value": 4, "weight": ["5.1", "5.31", "6.0", "6.0"]}, {"font": {"color": "white"}, "id": "IKZ", "label": "IKZ", "shape": "dot", "title": "IKZ Neighbors:\u003cbr\u003eWeebTrash42069 7.35\u003cbr\u003euwunigher 8.0\u003cbr\u003e\u30af\u30bd\u30e1\u30b9\u30ac\u30adEnjoyer 8.59", "value": 3, "weight": ["8.0", "7.35", "8.59"]}, {"font": {"color": "white"}, "id": "IllidanStormrage", "label": "IllidanStormrage", "shape": "dot", "title": "IllidanStorm
|
|
|
|
|
edges = new vis.DataSet([{"from": "#3 okayu fan", "title": 8.59, "to": "uwunigher", "value": 8.59}, {"from": "#3 okayu fan", "title": 8.59, "to": "roadroller specialist", "value": 8.59}, {"from": "#3 okayu fan", "title": 8.59, "to": "kira", "value": 8.59}, {"from": "(((LUNA)))", "title": 5.64, "to": "YourKStalker", "value": 5.64}, {"from": "35P", "title": 6.26, "to": "[\u8349] Avarice", "value": 6.26}, {"from": "Aki\u0027s cool but Astel is my oshi", "title": 5.53, "to": "REAPER REAPER", "value": 5.53}, {"from": "Aki\u0027s cool but Astel is my oshi", "title": 5.53, "to": "IllidanStormrage", "value": 5.53}, {"from": "Aki\u0027s cool but Astel is my oshi", "title": 5.1, "to": "uwunigher", "value": 5.1}, {"from": "Anemachi Holdings LLC", "title": 6.0, "to": "Flashbang-kun", "value": 6.0}, {"from": "Anemachi Holdings LLC", "title": 5.64, "to": "YourKStalker", "value": 5.64}, {"from": "Anemachi Holdings LLC", "title": 5.0, "to": "\u6697\u95c7\u306e\u4e2d\u3067\u30c0\u30f3\u30b5\u30fc", "value": 5.0}, {"from": "Atlantis Realty \u0026 Co", "title": 8.59, "to": "uwunigher", "value": 8.59}, {"from": "Atlantis Realty \u0026 Co", "title": 8.59, "to": "roadroller specialist", "value": 8.59}, {"from": "Atlantis Realty \u0026 Co", "title": 8.59, "to": "kira", "value": 8.59}, {"from": "Baelz Inc", "title": 8.59, "to": "uwunigher", "value": 8.59}, {"from": "Baelz Inc", "title": 8.59, "to": "sneedster11", "value": 8.59}, {"from": "Baelz Inc", "title": 8.59, "to": "roadroller specialist", "value": 8.59}, {"from": "Based Dope Super Ltd.", "title": 9.0, "to": "Retard", "value": 9.0}, {"from": "Based Dope Super Ltd.", "title": 8.27, "to": "uwunigher", "value": 8.27}, {"from": "Based Dope Super Ltd.", "title": 8.27, "to": "roadroller specialist", "value": 8.27}, {"from": "DibbyDabba", "title": 5.76, "to": "REAPER REAPER", "value": 5.76}, {"from": "Flashbang-kun", "title": 7.35, "to": "YourKStalker", "value": 7.35}, {"from": "Flashbang-kun", "title": 6.54, "to": "uwunigher", "value": 6.54}, {"from": "Flashbang-kun", "title": 6.54, "to": "sneedster11", "value": 6.54}, {"from": "Goombles Enthusiasts GmbH\u0026Co KG", "title": 6.0, "to": "Swiggin", "value": 6.0}, {"from": "Goombles Enthusiasts GmbH\u0026Co KG", "title": 6.0, "to": "Atlantis Realty \u0026 Co", "value": 6.0}, {"from": "Goombles Enthusiasts GmbH\u0026Co KG", "title": 5.31, "to": "REAPER REAPER", "value": 5.31}, {"from": "IKZ", "title": 8.59, "to": "\u30af\u30bd\u30e1\u30b9\u30ac\u30adEnjoyer", "value": 8.59}, {"from": "IKZ", "title": 8.0, "to": "uwunigher", "value": 8.0}, {"from": "IKZ", "title": 7.35, "to": "WeebTrash42069", "value": 7.35}, {"from": "IllidanStormrage", "title": 5.53, "to": "REAPER REAPER", "value": 5.53}, {"from": "IllidanStormrage", "title": 5.53, "to": "Kaczynski Logistics Co.", "value": 5.53}, {"from": "Jester \ud83c\udccf", "title": 5.53, "to": "[\u9020] Touching Fluffy Tails Management Co.", "value": 5.53}, {"from": "Koishi\u0027s Hat Friend", "title": 5.42, "to": "IllidanStormrage", "value": 5.42}, {"from": "Kuso", "title": 8.59, "to": "uwunigher", "value": 8.59}, {"from": "Kuso", "title": 8.59, "to": "roadroller specialist", "value": 8.59}, {"from": "Kuso", "title": 8.59, "to": "kira", "value": 8.59}, {"from": "Miosha Dynamic Ventures", "title": 8.59, "to": "uwunigher", "value": 8.59}, {"from": "Miosha Dynamic Ventures", "title": 8.59, "to": "roadroller specialist", "value": 8.59}, {"from": "Miosha Dynamic Ventures", "title": 8.59, "to": "kira", "value": 8.59}, {"from": "Mystery Heimin", "title": 8.59, "to": "uwunigher", "value": 8.59}, {"from": "Mystery Heimin", "title": 8.59, "to": "roadroller specialist", "value": 8.59}, {"from": "Mystery Heimin", "title": 8.59, "to": "kira", "value": 8.59}, {"from": "Nigure Ui", "title": 8.59, "to": "uwunigher", "value": 8.59}, {"from": "Nigure Ui", "title": 8.59, "to": "roadroller specialist", "value": 8.59}, {"from": "Nigure Ui", "title": 8.59, "to": "kira", "value": 8.59}, {"from": "REAPER REAPER", "title": 7.55, "to": "uwunigher", "value": 7.55}, {"from": "REAPER REAPER", "title": 7.55, "to": "Swiggin", "va
|
2022-05-07 14:49:43 +00:00
|
|
|
|
|
|
|
|
// adding nodes and edges to the graph
|
|
|
|
|
data = {nodes: nodes, edges: edges};
|
|
|
|
|
|
|
|
|
|
var options = {
|
|
|
|
|
"configure": {
|
2022-12-10 14:35:16 +00:00
|
|
|
"enabled": false
|
2022-05-07 14:49:43 +00:00
|
|
|
},
|
|
|
|
|
"edges": {
|
|
|
|
|
"color": {
|
|
|
|
|
"inherit": true
|
|
|
|
|
},
|
|
|
|
|
"smooth": {
|
|
|
|
|
"enabled": false,
|
|
|
|
|
"type": "continuous"
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
"interaction": {
|
|
|
|
|
"dragNodes": true,
|
|
|
|
|
"hideEdgesOnDrag": false,
|
|
|
|
|
"hideNodesOnDrag": false
|
|
|
|
|
},
|
|
|
|
|
"physics": {
|
|
|
|
|
"barnesHut": {
|
|
|
|
|
"avoidOverlap": 0,
|
|
|
|
|
"centralGravity": 0.3,
|
|
|
|
|
"damping": 0.09,
|
|
|
|
|
"gravitationalConstant": -80000,
|
|
|
|
|
"springConstant": 0.001,
|
|
|
|
|
"springLength": 250
|
|
|
|
|
},
|
|
|
|
|
"enabled": true,
|
|
|
|
|
"stabilization": {
|
|
|
|
|
"enabled": true,
|
|
|
|
|
"fit": true,
|
|
|
|
|
"iterations": 1000,
|
|
|
|
|
"onlyDynamicEdges": false,
|
|
|
|
|
"updateInterval": 50
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
network = new vis.Network(container, data, options);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return network;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
drawGraph();
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
