You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
274 lines
9.7 KiB
HTML
274 lines
9.7 KiB
HTML
5 years ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
|
|
<title>Network Advanced</title>
|
||
|
|
<script src="d3-force-apex-plugin/docs/scripts/prettify/prettify.js"></script>
|
||
|
|
<script src="d3-force-apex-plugin/docs/scripts/prettify/lang-css.js"></script>
|
||
|
|
<!--[if lt IE 9]>
|
||
|
|
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
||
|
|
<![endif]-->
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
|
||
|
|
<div id="main">
|
||
|
|
<div id="example"></div><!--the graph container-->
|
||
|
|
<link href="d3-force-apex-plugin/docs/lib/d3-force-3.1.0.css" rel="stylesheet" type="text/css">
|
||
|
|
<script src="d3-force-apex-plugin/docs/lib/ResizeObserver-1.5.0.min.js"></script>
|
||
|
|
<script src="d3-force-apex-plugin/docs/lib/d3-3.5.6.min.js"></script>
|
||
|
|
<script src="d3-force-apex-plugin/docs/lib/d3-force-3.1.0.min.js"></script>
|
||
|
|
<script>
|
||
|
|
var w = window.innerWidth;
|
||
|
|
var h = window.innerHeight;
|
||
|
|
|
||
|
|
window.onload = function (){
|
||
|
|
window.example = netGobrechtsD3Force("example")
|
||
|
|
.width(w)
|
||
|
|
.height(h)
|
||
|
|
.charge(-800)
|
||
|
|
.wrapLabels(true)
|
||
|
|
.zoomMode(true)
|
||
|
|
.debug(true) //also creates the "Customize Me" link
|
||
|
|
.render({
|
||
|
|
"data": {
|
||
|
|
"nodes": [
|
||
|
|
{
|
||
|
|
"ID": "1",
|
||
|
|
"LABEL": "SYSTEM SCIENCE",
|
||
|
|
"COLORVALUE": "1",
|
||
|
|
"COLORLABEL": "system science",
|
||
|
|
"SIZEVALUE": 1500,
|
||
|
|
"LABELCIRCULAR": false,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"ID": "2",
|
||
|
|
"LABEL": "CYBERNETICS",
|
||
|
|
"COLORVALUE": "6",
|
||
|
|
"COLORLABEL": "cybernetics",
|
||
|
|
"SIZEVALUE": 1500,
|
||
|
|
"LABELCIRCULAR": false,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"ID": "3",
|
||
|
|
"LABEL": "DYNAMICAL SYSTEMS THEORY",
|
||
|
|
"COLORVALUE": "3",
|
||
|
|
"COLORLABEL": "dynamical systems",
|
||
|
|
"SIZEVALUE": 1500,
|
||
|
|
"LABELCIRCULAR": false,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"ID": "4",
|
||
|
|
"LABEL": "COMPLEX SYSTEMS THEORY",
|
||
|
|
"COLORVALUE": "4",
|
||
|
|
"COLORLABEL": "complex systems",
|
||
|
|
"SIZEVALUE": 1500,
|
||
|
|
"LABELCIRCULAR": false,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"ID": "5",
|
||
|
|
"LABEL": "General Systems Theory",
|
||
|
|
"COLORVALUE": "5",
|
||
|
|
"COLORLABEL": "Systems ecology",
|
||
|
|
"SIZEVALUE": 1000,
|
||
|
|
"LABELCIRCULAR": false,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"ID": "6",
|
||
|
|
"LABEL": "Ecological Systems Theory",
|
||
|
|
"COLORVALUE": "5",
|
||
|
|
"COLORLABEL": "Systems ecology",
|
||
|
|
"SIZEVALUE": 1000,
|
||
|
|
"LABELCIRCULAR": false,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"ID": "7",
|
||
|
|
"LABEL": "Self-Organization",
|
||
|
|
"COLORVALUE": "4",
|
||
|
|
"COLORLABEL": "complex systems",
|
||
|
|
"SIZEVALUE": 1000,
|
||
|
|
"LABELCIRCULAR": false,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"ID": "8",
|
||
|
|
"LABEL": "Autopoiesis / Embodied Mind",
|
||
|
|
"COLORVALUE": "4",
|
||
|
|
"COLORLABEL": "complex systems",
|
||
|
|
"SIZEVALUE": 1000,
|
||
|
|
"LABELCIRCULAR": false,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"ID": "9",
|
||
|
|
"LABEL": "2nd Order Cybernetics",
|
||
|
|
"COLORVALUE": "6",
|
||
|
|
"COLORLABEL": "cybernetics",
|
||
|
|
"SIZEVALUE": 1000,
|
||
|
|
"LABELCIRCULAR": false,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"ID": "10",
|
||
|
|
"LABEL": "AI",
|
||
|
|
"COLORVALUE": "9",
|
||
|
|
"COLORLABEL": "AI",
|
||
|
|
"SIZEVALUE": 1500,
|
||
|
|
"LABELCIRCULAR": false,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"ID": "11",
|
||
|
|
"LABEL": "Cognitive Science",
|
||
|
|
"COLORVALUE": "8",
|
||
|
|
"COLORLABEL": "Accounting",
|
||
|
|
"SIZEVALUE": 700,
|
||
|
|
"LABELCIRCULAR": false,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"ID": "12",
|
||
|
|
"LABEL": "Semiotics Linguistics",
|
||
|
|
"COLORVALUE": "7",
|
||
|
|
"COLORLABEL": "Accounting",
|
||
|
|
"SIZEVALUE": 1000,
|
||
|
|
"LABELCIRCULAR": false,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"ID": "13",
|
||
|
|
"LABEL": "Fractal Geometry",
|
||
|
|
"COLORVALUE": "3",
|
||
|
|
"COLORLABEL": "dynamical systems",
|
||
|
|
"SIZEVALUE": 1000,
|
||
|
|
"LABELCIRCULAR": false,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"ID": "14",
|
||
|
|
"LABEL": "Nonlinear Systems",
|
||
|
|
"COLORVALUE": "3",
|
||
|
|
"COLORLABEL": "dynamical systems",
|
||
|
|
"SIZEVALUE": 1000,
|
||
|
|
"LABELCIRCULAR": false,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"ID": "15",
|
||
|
|
"LABEL": "Chaos theory",
|
||
|
|
"COLORVALUE": "3",
|
||
|
|
"COLORLABEL": "dynamical systems",
|
||
|
|
"SIZEVALUE": 1000,
|
||
|
|
"LABELCIRCULAR": false,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"ID": "16",
|
||
|
|
"LABEL": "Complex living systems",
|
||
|
|
"COLORVALUE": "5",
|
||
|
|
"COLORLABEL": "Systems ecology",
|
||
|
|
"SIZEVALUE": 1000,
|
||
|
|
"LABELCIRCULAR": false,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"ID": "17",
|
||
|
|
"LABEL": "Gaia Hypothesis",
|
||
|
|
"COLORVALUE": "5",
|
||
|
|
"COLORLABEL": "Systems ecology",
|
||
|
|
"SIZEVALUE": 1000,
|
||
|
|
"LABELCIRCULAR": false,
|
||
|
|
}
|
||
|
|
|
||
|
|
],
|
||
|
|
"links": [
|
||
|
|
{
|
||
|
|
"FROMID": "1",
|
||
|
|
"TOID": "3",
|
||
|
|
"STYLE": "dashed",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"FROMID": "1",
|
||
|
|
"TOID": "4",
|
||
|
|
"STYLE": "dashed",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"FROMID": "1",
|
||
|
|
"TOID": "2",
|
||
|
|
"STYLE": "dashed",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"FROMID": "2",
|
||
|
|
"TOID": "1",
|
||
|
|
"STYLE": "dashed",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"FROMID": "2",
|
||
|
|
"TOID": "4",
|
||
|
|
"STYLE": "dashed",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"FROMID": "2",
|
||
|
|
"TOID": "10",
|
||
|
|
"STYLE": "solid",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"FROMID": "3",
|
||
|
|
"TOID": "13",
|
||
|
|
"STYLE": "solid",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"FROMID": "3",
|
||
|
|
"TOID": "14",
|
||
|
|
"STYLE": "solid",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"FROMID": "3",
|
||
|
|
"TOID": "15",
|
||
|
|
"STYLE": "solid",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"FROMID": "1",
|
||
|
|
"TOID": "5",
|
||
|
|
"STYLE": "solid",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"FROMID": "1",
|
||
|
|
"TOID": "6",
|
||
|
|
"STYLE": "solid",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"FROMID": "1",
|
||
|
|
"TOID": "16",
|
||
|
|
"STYLE": "solid",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"FROMID": "16",
|
||
|
|
"TOID": "17",
|
||
|
|
"STYLE": "solid",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"FROMID": "2",
|
||
|
|
"TOID": "9",
|
||
|
|
"STYLE": "solid",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"FROMID": "2",
|
||
|
|
"TOID": "11",
|
||
|
|
"STYLE": "solid",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"FROMID": "2",
|
||
|
|
"TOID": "12",
|
||
|
|
"STYLE": "solid",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"FROMID": "4",
|
||
|
|
"TOID": "7",
|
||
|
|
"STYLE": "solid",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"FROMID": "4",
|
||
|
|
"TOID": "8",
|
||
|
|
"STYLE": "solid",
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
}); //sample data is provided when called without data
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|