You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
155 lines
62 KiB
155 lines
62 KiB
3 weeks ago
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
|
||
|
|
<script src="lib/bindings/utils.js"></script>
|
||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vis-network/9.1.2/dist/dist/vis-network.min.css" integrity="sha512-WgxfT5LWjfszlPHXRmBWHkV2eceiWTOBvrKCNbdgDYTHrT2AeLCGbF4sZlZw3UMN3WtL0tGUoIAKsu8mllg/XA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
||
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/vis-network/9.1.2/dist/vis-network.min.js" integrity="sha512-LnvoEWDFrqGHlHmDD2101OrLcbsfkrzoSpvtSQtxK3RMnRV0eOkhhBN2dXHKRrUU8p2DGRTk35n4O8nWSVe1mQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></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>-->
|
||
|
|
<link
|
||
|
|
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css"
|
||
|
|
rel="stylesheet"
|
||
|
|
integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6"
|
||
|
|
crossorigin="anonymous"
|
||
|
|
/>
|
||
|
|
<script
|
||
|
|
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"
|
||
|
|
integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
|
||
|
|
crossorigin="anonymous"
|
||
|
|
></script>
|
||
|
|
|
||
|
|
|
||
|
|
<center>
|
||
|
|
<h1></h1>
|
||
|
|
</center>
|
||
|
|
<style type="text/css">
|
||
|
|
|
||
|
|
#mynetwork {
|
||
|
|
width: 100%;
|
||
|
|
height: 100vh;
|
||
|
|
background-color: #ffffff;
|
||
|
|
border: 1px solid lightgray;
|
||
|
|
position: relative;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div class="card" style="width: 100%">
|
||
|
|
|
||
|
|
|
||
|
|
<div id="mynetwork" class="card-body"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
|
||
|
|
// initialize global variables.
|
||
|
|
var edges;
|
||
|
|
var nodes;
|
||
|
|
var allNodes;
|
||
|
|
var allEdges;
|
||
|
|
var nodeColors;
|
||
|
|
var originalNodes;
|
||
|
|
var network;
|
||
|
|
var container;
|
||
|
|
var options, data;
|
||
|
|
var filter = {
|
||
|
|
item : '',
|
||
|
|
property : '',
|
||
|
|
value : []
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
// 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
|
||
|
|
nodes = new vis.DataSet([{"color": "#21bbd9", "created_at": 1751950769, "description": "\u5409\u6797\u52a8\u753b\u5b66\u9662is an educational institution in China, currently recruiting for research positions with specific application requirements.", "entity_id": "\u5409\u6797\u52a8\u753b\u5b66\u9662", "entity_type": "organization", "file_path": "\u5409\u6797\u52a8\u753b\u5b66\u9662\u4e00\u89c8\u8868.pdf", "id": "\u5409\u6797\u52a8\u753b\u5b66\u9662", "label": "\u5409\u6797\u52a8\u753b\u5b66\u9662", "shape": "dot", "size": 10, "source_id": "chunk-1f0c3c41a5d8258ec1b6226d3e655777", "title": "\u5409\u6797\u52a8\u753b\u5b66\u9662is an educational institution in China, currently recruiting for research positions with specific application requirements."}, {"color": "#a3581c", "created_at": 1751950769, "description": "\u79d1\u7814\u5c97\u4f4drefers to research positions being recruited by Jilin Animation Institute, indicating the institution\u0027s focus on academic research development.", "entity_id": "\u79d1\u7814\u5c97\u4f4d", "entity_type": "category", "file_path": "\u5409\u6797\u52a8\u753b\u5b66\u9662\u4e00\u89c8\u8868.pdf", "id": "\u79d1\u7814\u5c97\u4f4d", "label": "\u79d1\u7814\u5c97\u4f4d", "shape": "dot", "size": 10, "source_id": "chunk-1f0c3c41a5d8258ec1b6226d3e655777", "title": "\u79d1\u7814\u5c97\u4f4drefers to research positions being recruited by Jilin Animation Institute, indicating the institution\u0027s focus on academic research development."}, {"color": "#258871", "created_at": 1751950769, "description": "\u62db\u8058\u8ba1\u5212is the recruitment plan outlining available research positions and application requirements at Jilin Animation Institute.", "entity_id": "\u62db\u8058\u8ba1\u5212", "entity_type": "event", "file_path": "\u5409\u6797\u52a8\u753b\u5b66\u9662\u4e00\u89c8\u8868.pdf", "id": "\u62db\u8058\u8ba1\u5212", "label": "\u62db\u8058\u8ba1\u5212", "shape": "dot", "size": 10, "source_id": "chunk-1f0c3c41a5d8258ec1b6226d3e655777", "title": "\u62db\u8058\u8ba1\u5212is the recruitment plan outlining available research positions and application requirements at Jilin Animation Institute."}, {"color": "#93e3e4", "created_at": 1751950769, "description": "\u62a5\u540d\u6761\u4ef6refers to the application requirements and qualifications needed for candidates applying to the research positions.", "entity_id": "\u62a5\u540d\u6761\u4ef6", "entity_type": "category", "file_path": "\u5409\u6797\u52a8\u753b\u5b66\u9662\u4e00\u89c8\u8868.pdf", "id": "\u62a5\u540d\u6761\u4ef6", "label": "\u62a5\u540d\u6761\u4ef6", "shape": "dot", "size": 10, "source_id": "chunk-1f0c3c41a5d8258ec1b6226d3e655777", "title": "\u62a5\u540d\u6761\u4ef6refers to the application requirements and qualifications needed for candidates applying to the research positions."}, {"color": "#6d51ec", "created_at": 1751950896, "description": "This table details job openings for a Technical Artist and Full-stack Developer at Jilin Animation Institute, listing requirements and openings. It highlights the institute\u0027s focus on advanced technical skills and experience in animation and internet technologies, with 10 and 8 openings respectively.", "entity_id": "Jilin Animation Institute Research Position Recruitment Table (table)", "entity_type": "table", "file_path": "\u5409\u6797\u52a8\u753b\u5b66\u9662\u4e00\u89c8\u8868.pdf", "id": "Jilin Animation Institute Research Position Recruitment Table (table)", "label": "Jilin Animation Institute Research Position Recruitment Table (table)", "shape": "dot", "size": 10, "source_id": "chunk-cfa7d5969bc6830523f6abb165b1cfbb", "title": "This table details job openings for a Technical Artist and Full-stack Developer at Jilin Animation Institute, listing requirements and openings. It highlights the institute\u0027s focus on advanced technical skills and experience in animation and internet technologies, with 10 and 8 openings respectively."}, {"color": "#8f7e37", "created_at": 1751950971, "description": "Jilin Animation Institute is an educational institution focused on animation and digital medi
|
||
|
|
edges = new vis.DataSet([{"created_at": 1751950769, "description": "\u5409\u6797\u52a8\u753b\u5b66\u9662is actively recruiting for\u79d1\u7814\u5c97\u4f4d(research positions), showing its commitment to academic research development.", "file_path": "\u5409\u6797\u52a8\u753b\u5b66\u9662\u4e00\u89c8\u8868.pdf", "from": "\u5409\u6797\u52a8\u753b\u5b66\u9662", "keywords": "academic recruitment,research focus", "source_id": "chunk-1f0c3c41a5d8258ec1b6226d3e655777", "title": "\u5409\u6797\u52a8\u753b\u5b66\u9662is actively recruiting for\u79d1\u7814\u5c97\u4f4d(research positions), showing its commitment to academic research development.", "to": "\u79d1\u7814\u5c97\u4f4d", "width": 9.0}, {"created_at": 1751950769, "description": "\u5409\u6797\u52a8\u753b\u5b66\u9662has established a\u62db\u8058\u8ba1\u5212(recruitment plan) to fill research positions, demonstrating structured hiring processes.", "file_path": "\u5409\u6797\u52a8\u753b\u5b66\u9662\u4e00\u89c8\u8868.pdf", "from": "\u5409\u6797\u52a8\u753b\u5b66\u9662", "keywords": "human resources,institutional planning", "source_id": "chunk-1f0c3c41a5d8258ec1b6226d3e655777", "title": "\u5409\u6797\u52a8\u753b\u5b66\u9662has established a\u62db\u8058\u8ba1\u5212(recruitment plan) to fill research positions, demonstrating structured hiring processes.", "to": "\u62db\u8058\u8ba1\u5212", "width": 8.0}, {"created_at": 1751950769, "description": "The\u79d1\u7814\u5c97\u4f4d(research positions) have defined\u62a5\u540d\u6761\u4ef6(application requirements) to ensure qualified candidates apply.", "file_path": "\u5409\u6797\u52a8\u753b\u5b66\u9662\u4e00\u89c8\u8868.pdf", "from": "\u79d1\u7814\u5c97\u4f4d", "keywords": "candidate eligibility,position requirements", "source_id": "chunk-1f0c3c41a5d8258ec1b6226d3e655777", "title": "The\u79d1\u7814\u5c97\u4f4d(research positions) have defined\u62a5\u540d\u6761\u4ef6(application requirements) to ensure qualified candidates apply.", "to": "\u62a5\u540d\u6761\u4ef6", "width": 8.0}, {"created_at": 1751950769, "description": "The\u62db\u8058\u8ba1\u5212(recruitment plan) includes specific\u62a5\u540d\u6761\u4ef6(application requirements) that candidates must meet.", "file_path": "\u5409\u6797\u52a8\u753b\u5b66\u9662\u4e00\u89c8\u8868.pdf", "from": "\u62db\u8058\u8ba1\u5212", "keywords": "candidate screening,qualification standards", "source_id": "chunk-1f0c3c41a5d8258ec1b6226d3e655777", "title": "The\u62db\u8058\u8ba1\u5212(recruitment plan) includes specific\u62a5\u540d\u6761\u4ef6(application requirements) that candidates must meet.", "to": "\u62a5\u540d\u6761\u4ef6", "width": 9.0}, {"created_at": 1751950971, "description": "Entity Jilin Animation Institute belongs to Jilin Animation Institute Research Position Recruitment Table (table)", "file_path": "\u5409\u6797\u52a8\u753b\u5b66\u9662\u4e00\u89c8\u8868.pdf", "from": "Jilin Animation Institute Research Position Recruitment Table (table)", "keywords": "belongs_to,contained_in,part_of", "source_id": "chunk-158693ea4394ebf530d98dcae2e1359e\u003cSEP\u003echunk-cfa7d5969bc6830523f6abb165b1cfbb", "title": "Entity Jilin Animation Institute belongs to Jilin Animation Institute Research Position Recruitment Table (table)", "to": "Jilin Animation Institute", "width": 30.0}, {"created_at": 1751950971, "description": "Entity Engine Engineer belongs to Jilin Animation Institute Research Position Recruitment Table (table)", "file_path": "\u5409\u6797\u52a8\u753b\u5b66\u9662\u4e00\u89c8\u8868.pdf", "from": "Jilin Animation Institute Research Position Recruitment Table (table)", "keywords": "belongs_to,contained_in,part_of", "source_id": "chunk-158693ea4394ebf530d98dcae2e1359e", "title": "Entity Engine Engineer belongs to Jilin Animation Institute Research Position Recruitment Table (table)", "to": "Engine Engineer", "width": 20.0}, {"created_at": 1751950971, "description": "Entity Smart Bionic Mechanic belongs to Jilin Animation Institute Research Position Recruitment Table (table)", "file_path": "\u5409\u6797\u52a8\u753b\u5b66\u9662\u4e00\u89c8\u8868.pdf", "from": "Jilin Animation Institu
|
||
|
|
|
||
|
|
nodeColors = {};
|
||
|
|
allNodes = nodes.get({ returnType: "Object" });
|
||
|
|
for (nodeId in allNodes) {
|
||
|
|
nodeColors[nodeId] = allNodes[nodeId].color;
|
||
|
|
}
|
||
|
|
allEdges = edges.get({ returnType: "Object" });
|
||
|
|
// adding nodes and edges to the graph
|
||
|
|
data = {nodes: nodes, edges: edges};
|
||
|
|
|
||
|
|
var options = {
|
||
|
|
"configure": {
|
||
|
|
"enabled": false
|
||
|
|
},
|
||
|
|
"edges": {
|
||
|
|
"color": {
|
||
|
|
"inherit": true
|
||
|
|
},
|
||
|
|
"smooth": {
|
||
|
|
"enabled": true,
|
||
|
|
"type": "dynamic"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"interaction": {
|
||
|
|
"dragNodes": true,
|
||
|
|
"hideEdgesOnDrag": false,
|
||
|
|
"hideNodesOnDrag": false
|
||
|
|
},
|
||
|
|
"physics": {
|
||
|
|
"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>
|