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.

163 lines
6.2 KiB
HTML

<!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": "1974 AUTOPOIESIS",
"COLORVALUE": "10",
"COLORLABEL": "Accounting",
"SIZEVALUE": 13000,
"LABELCIRCULAR": false,
"LINK": "http://apex.oracle.com/",
"INFOSTRING": "1974 Maturana, Varela - autopoiesis the organization of living systems ",
},
{
"ID": "2",
"LABEL": "1975 GAIA THEORY",
"COLORVALUE": "10",
"COLORLABEL": "Accounting",
"SIZEVALUE": 13000,
"LABELCIRCULAR": false,
"LINK": "http://apex.oracle.com/",
"INFOSTRING": "975 Lovelock - the quest for gaia",
},
{
"ID": "3",
"LABEL": "1967 SYMBIOGENESIS",
"COLORVALUE": "10",
"COLORLABEL": "Accounting",
"SIZEVALUE": 13000,
"LABELCIRCULAR": false,
"LINK": "http://apex.oracle.com/",
"INFOSTRING": "1967 Margulis - on the origin of mitosing cells",
},
{
"ID": "4",
"LABEL": "CYBORG THEORY",
"COLORVALUE": "10",
"COLORLABEL": "Accounting",
"SIZEVALUE": 13000,
"LABELCIRCULAR": false,
"LINK": "http://apex.oracle.com/",
"INFOSTRING": "1985 haraway - cyborg manifesto",
},
{
"ID": "5",
"LABEL": "1995 CYBORG GAIA",
"COLORVALUE": "10",
"COLORLABEL": "Accounting",
"SIZEVALUE": 13000,
"LABELCIRCULAR": false,
"LINK": "http://apex.oracle.com/",
"INFOSTRING": "1995 Haraway - Cyborgs and symbionts",
},
{
"ID": "6",
"LABEL": "1993 AUTOPOIETIC GAIA",
"COLORVALUE": "10",
"COLORLABEL": "Accounting",
"SIZEVALUE": 13000,
"LABELCIRCULAR": false,
"LINK": "http://apex.oracle.com/",
"INFOSTRING": "1986-87",
},
{
"ID": "7",
"LABEL": "1987 GAIA AND THE TECHNOSPHERES",
"COLORVALUE": "10",
"COLORLABEL": "Accounting",
"SIZEVALUE": 13000,
"LABELCIRCULAR": false,
"LINK": "http://apex.oracle.com/",
"INFOSTRING": "1987 Marguils, Sagan - Gaia and the evolution of machines",
},
{
"ID": "8",
"LABEL": "1987 ENACTIVISM",
"COLORVALUE": "10",
"COLORLABEL": "Accounting",
"SIZEVALUE": 13000,
"LABELCIRCULAR": false,
"LINK": "http://apex.oracle.com/",
"INFOSTRING": "1987 Varela, Maturana - the tree of knowledge",
}
],
"links": [
{
"FROMID": "4",
"TOID": "5",
"STYLE": "solid",
},
{
"FROMID": "2",
"TOID": "5",
"STYLE": "solid",
},
{
"FROMID": "1",
"TOID": "6",
"STYLE": "solid",
},
{
"FROMID": "2",
"TOID": "6",
"STYLE": "solid",
},
{
"FROMID": "3",
"TOID": "6",
"STYLE": "solid",
},
{
"FROMID": "6",
"TOID": "7",
"STYLE": "solid",
},
{
"FROMID": "1",
"TOID": "8",
"STYLE": "solid",
}
]
}
}); //sample data is provided when called without data
}
</script>
</div>
</body>
</html>