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.
250 lines
2.7 MiB
250 lines
2.7 MiB
6 days 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;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
#loadingBar {
|
||
|
|
position:absolute;
|
||
|
|
top:0px;
|
||
|
|
left:0px;
|
||
|
|
width: 100%;
|
||
|
|
height: 100vh;
|
||
|
|
background-color:rgba(200,200,200,0.8);
|
||
|
|
-webkit-transition: all 0.5s ease;
|
||
|
|
-moz-transition: all 0.5s ease;
|
||
|
|
-ms-transition: all 0.5s ease;
|
||
|
|
-o-transition: all 0.5s ease;
|
||
|
|
transition: all 0.5s ease;
|
||
|
|
opacity:1;
|
||
|
|
}
|
||
|
|
|
||
|
|
#bar {
|
||
|
|
position:absolute;
|
||
|
|
top:0px;
|
||
|
|
left:0px;
|
||
|
|
width:20px;
|
||
|
|
height:20px;
|
||
|
|
margin:auto auto auto auto;
|
||
|
|
border-radius:11px;
|
||
|
|
border:2px solid rgba(30,30,30,0.05);
|
||
|
|
background: rgb(0, 173, 246); /* Old browsers */
|
||
|
|
box-shadow: 2px 0px 4px rgba(0,0,0,0.4);
|
||
|
|
}
|
||
|
|
|
||
|
|
#border {
|
||
|
|
position:absolute;
|
||
|
|
top:10px;
|
||
|
|
left:10px;
|
||
|
|
width:500px;
|
||
|
|
height:23px;
|
||
|
|
margin:auto auto auto auto;
|
||
|
|
box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
|
||
|
|
border-radius:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#text {
|
||
|
|
position:absolute;
|
||
|
|
top:8px;
|
||
|
|
left:530px;
|
||
|
|
width:30px;
|
||
|
|
height:50px;
|
||
|
|
margin:auto auto auto auto;
|
||
|
|
font-size:22px;
|
||
|
|
color: #000000;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.outerBorder {
|
||
|
|
position:relative;
|
||
|
|
top:400px;
|
||
|
|
width:600px;
|
||
|
|
height:44px;
|
||
|
|
margin:auto auto auto auto;
|
||
|
|
border:8px solid rgba(0,0,0,0.1);
|
||
|
|
background: rgb(252,252,252); /* Old browsers */
|
||
|
|
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
|
||
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
|
||
|
|
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
|
||
|
|
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
|
||
|
|
background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
|
||
|
|
background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
|
||
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
|
||
|
|
border-radius:72px;
|
||
|
|
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div class="card" style="width: 100%">
|
||
|
|
|
||
|
|
|
||
|
|
<div id="mynetwork" class="card-body"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div id="loadingBar">
|
||
|
|
<div class="outerBorder">
|
||
|
|
<div id="text">0%</div>
|
||
|
|
<div id="border">
|
||
|
|
<div id="bar"></div>
|
||
|
|
</div>
|
||
|
|
</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": "#6b156f", "created_at": 1752884027, "description": "**Shi Ningzhong (\u53f2\u5b81\u4e2d)** is a distinguished Chinese mathematician, scholar, and educator renowned for his extensive contributions to mathematical philosophy, mathematics education, and curriculum development. His work spans foundational mathematical ideas, statistical methods, and the integration of geometry and algebra, with a particular focus on improving primary, middle, and high school mathematics teaching. \n\nHe has authored influential books such as *18 Lectures on Basic Mathematical Ideas* (\u300a\u6570\u5b66\u57fa\u672c\u601d\u60f318\u8bb2\u300b) and *Integration of Numbers and Shapes with Mathematical Models* (\u300a\u6570\u5f62\u7ed3\u5408\u4e0e\u6570\u5b66\u6a21\u578b\u300b), which address core issues in mathematics education and mathematical modeling. As a curriculum reform advocate, he has played a key role in revising mathematics curriculum standards in China. \n\nBeyond mathematics, Shi Ningzhong has explored philosophy, logic, and ancient Chinese thought, applying these insights to mathematical reasoning and cognitive processes in education. His research also touches on instinct-based cognition and its implications for teaching methodologies. \n\nWhile one source mistakenly associates him with historical research (\u300a\u5386\u53f2\u7814\u7a76\u300b), the majority of evidence confirms his primary expertise lies in mathematics and education. His multifaceted career reflects a commitment to bridging theoretical mathematics, pedagogical innovation, and practical classroom improvements.", "entity_id": "\u53f2\u5b81\u4e2d", "entity_type": "person", "file_path": "ChuZhongShuXue.docx", "id": "\u53f2\u5b81\u4e2d", "label": "\u53f2\u5b81\u4e2d", "shape": "dot", "size": 10, "source_id": "chunk-7f35e11154694cb00fbc4308a33a36a3\u003cSEP\u003echunk-42e82319a2d63b215f82bba66d1e632d\u003cSEP\u003echunk-b459f08681c0cd66ebd633869b2b1be7\u003cSEP\u003echunk-0f6c384b97d0bb5698ba21610de20e63\u003cSEP\u003echunk-4484c2c0903345428988e3c5a809c919\u003cSEP\u003echunk-42220f52b4f10f3dd80cceb36ebbd3ce\u003cSEP\u003echunk-3036fe5f8bcbc7479b162f62dea08660\u003cSEP\u003echunk-5bfa7384dc42f0162f843b05c24e2ea8\u003cSEP\u003echunk-170459199033f3f9a45d2ef237310873\u003cSEP\u003echunk-5b6d09e41f5ee3f906af9a52c4a282a3\u003cSEP\u003echunk-b1216e19075b49d5faa5af87fa58cb85\u003cSEP\u003echunk-8536b48102e07677da2af463a726f4c6\u003cSEP\u003echunk-8eefc105e8cce456308ce1260d081389", "title": "**Shi Ningzhong (\u53f2\u5b81\u4e2d)** is a distinguished Chinese mathematician, scholar, and educator renowned for his extensive contributions to mathematical philosophy, mathematics education, and curriculum development. His work spans foundational mathematical ideas, statistical methods, and the integration of geometry and algebra, with a particular focus on improving primary, middle, and high school mathematics teaching. \n\nHe has authored influential books such as *18 Lectures on Basic Mathematical Ideas* (\u300a\u6570\u5b66\u57fa\u672c\u601d\u60f318\u8bb2\u300b) and *Integration of Numbers and Shapes with Mathematical Models* (\u300a\u6570\u5f62\u7ed3\u5408\u4e0e\u6570\u5b66\u6a21\u578b\u300b), which address core issues in mathematics education and mathematical modeling. As a curriculum reform advocate, he has played a key role in revising mathematics curriculum standards in China. \n\nBeyond mathematics, Shi Ningzhong has explored philosophy, logic, and ancient Chinese thought, applying these insights to mathematical reasoning and cognitive processes in education. His research also touches on instinct-based cognition and its implications for teaching methodologies. \n\nWhile one source mistakenly associates him with historical research (\u300a\u5386\u53f2\u7814\u7a76\u300b), the majority of evidence confirms his primary expertise lies in mathematics and education. His multifaceted career reflects a commitment to bridging theoretical mathematics, pedagogical innovation, and practical classroom improvements."}, {"color": "#93
|
||
|
|
edges = new vis.DataSet([{"created_at": 1752884117, "description": "Shi Ningzhong collaborates with Higher Education Press to publish his books on mathematics education.\u003cSEP\u003eShi Ningzhong\u0027s work was published by Higher Education Press.", "file_path": "ChuZhongShuXue.docx", "from": "\u53f2\u5b81\u4e2d", "keywords": "academic publishing,collaboration,publication", "source_id": "chunk-5b6d09e41f5ee3f906af9a52c4a282a3\u003cSEP\u003echunk-b1216e19075b49d5faa5af87fa58cb85", "title": "Shi Ningzhong collaborates with Higher Education Press to publish his books on mathematics education.\u003cSEP\u003eShi Ningzhong\u0027s work was published by Higher Education Press.", "to": "\u9ad8\u7b49\u6559\u80b2\u51fa\u7248\u793e", "width": 16.0}, {"created_at": 1752884117, "description": "Wang Wenying, an editor at Higher Education Press, proposed the idea for Shi Ningzhong to write additional books for middle and high school teachers.", "file_path": "ChuZhongShuXue.docx", "from": "\u53f2\u5b81\u4e2d", "keywords": "academic collaboration,editorial suggestion", "source_id": "chunk-b1216e19075b49d5faa5af87fa58cb85", "title": "Wang Wenying, an editor at Higher Education Press, proposed the idea for Shi Ningzhong to write additional books for middle and high school teachers.", "to": "\u738b\u6587\u9896", "width": 7.0}, {"created_at": 1752884117, "description": "Shi Ningzhong contributed to the revision of the 2022 Compulsory Education Mathematics Curriculum Standards.", "file_path": "ChuZhongShuXue.docx", "from": "\u53f2\u5b81\u4e2d", "keywords": "curriculum development,policy contribution", "source_id": "chunk-b1216e19075b49d5faa5af87fa58cb85", "title": "Shi Ningzhong contributed to the revision of the 2022 Compulsory Education Mathematics Curriculum Standards.", "to": "\u4e49\u52a1\u6559\u80b2\u6570\u5b66\u8bfe\u7a0b\u6807\u51c6(2022\u5e74\u7248)", "width": 9.0}, {"created_at": 1752884117, "description": "Shi Ningzhong authored this book to address core issues in primary school mathematics teaching.", "file_path": "ChuZhongShuXue.docx", "from": "\u53f2\u5b81\u4e2d", "keywords": "authoring,educational content", "source_id": "chunk-b1216e19075b49d5faa5af87fa58cb85", "title": "Shi Ningzhong authored this book to address core issues in primary school mathematics teaching.", "to": "\u57fa\u672c\u6982\u5ff5\u4e0e\u8fd0\u7b97\u6cd5\u5219\uff1a\u5c0f\u5b66\u6570\u5b66\u6559\u5b66\u4e2d\u7684\u6838\u5fc3\u95ee\u9898", "width": 9.0}, {"created_at": 1752884117, "description": "Shi Ningzhong authored this book to address core issues in high school mathematics teaching.", "file_path": "ChuZhongShuXue.docx", "from": "\u53f2\u5b81\u4e2d", "keywords": "authoring,educational content", "source_id": "chunk-b1216e19075b49d5faa5af87fa58cb85", "title": "Shi Ningzhong authored this book to address core issues in high school mathematics teaching.", "to": "\u6570\u5f62\u7ed3\u5408\u4e0e\u6570\u5b66\u6a21\u578b\uff1a\u9ad8\u4e2d\u6570\u5b66\u6559\u5b66\u4e2d\u7684\u6838\u5fc3\u95ee\u9898", "width": 9.0}, {"created_at": 1752884117, "description": "Shi Ningzhong emphasizes the importance of the \u0027four basics\u0027 in mathematics education.", "file_path": "ChuZhongShuXue.docx", "from": "\u53f2\u5b81\u4e2d", "keywords": "educational philosophy,foundational concepts", "source_id": "chunk-b1216e19075b49d5faa5af87fa58cb85", "title": "Shi Ningzhong emphasizes the importance of the \u0027four basics\u0027 in mathematics education.", "to": "\u56db\u57fa", "width": 8.0}, {"created_at": 1752884117, "description": "Shi Ningzhong highlights the \u0027four abilities\u0027 as essential for students in mathematics education.", "file_path": "ChuZhongShuXue.docx", "from": "\u53f2\u5b81\u4e2d", "keywords": "educational philosophy,skill development", "source_id": "chunk-b1216e19075b49d5faa5af87fa58cb85", "title": "Shi Ningzhong highlights the \u0027four abilities\u0027 as essential for students in mathematics education.", "to": "\u56db\u80fd", "width": 8.0}, {"created_at": 1752884117, "description": "Shi Ningzhong integrates the \u0027three core litera
|
||
|
|
|
||
|
|
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);
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
network.on("stabilizationProgress", function(params) {
|
||
|
|
document.getElementById('loadingBar').removeAttribute("style");
|
||
|
|
var maxWidth = 496;
|
||
|
|
var minWidth = 20;
|
||
|
|
var widthFactor = params.iterations/params.total;
|
||
|
|
var width = Math.max(minWidth,maxWidth * widthFactor);
|
||
|
|
document.getElementById('bar').style.width = width + 'px';
|
||
|
|
document.getElementById('text').innerHTML = Math.round(widthFactor*100) + '%';
|
||
|
|
});
|
||
|
|
network.once("stabilizationIterationsDone", function() {
|
||
|
|
document.getElementById('text').innerHTML = '100%';
|
||
|
|
document.getElementById('bar').style.width = '496px';
|
||
|
|
document.getElementById('loadingBar').style.opacity = 0;
|
||
|
|
// really clean the dom element
|
||
|
|
setTimeout(function () {document.getElementById('loadingBar').style.display = 'none';}, 500);
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
return network;
|
||
|
|
|
||
|
|
}
|
||
|
|
drawGraph();
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|