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.
386 lines
15 KiB
386 lines
15 KiB
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Network | Les miserables</title>
|
|
|
|
<style type="text/css">
|
|
#mynetwork {
|
|
width: 900px;
|
|
height: 900px;
|
|
border: 1px solid lightgray;
|
|
}
|
|
</style>
|
|
|
|
<script type="text/javascript" src="../../dist/vis.js"></script>
|
|
<link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
|
|
|
|
<script type="text/javascript">
|
|
function draw() {
|
|
// create some nodes
|
|
var nodes = [
|
|
{id:0,"label":"Myriel","group":1},
|
|
{id:1,"label":"Napoleon","group":1},
|
|
{id:2,"label":"Mlle.Baptistine","group":1},
|
|
{id:3,"label":"Mme.Magloire","group":1},
|
|
{id:4,"label":"CountessdeLo","group":1},
|
|
{id:5,"label":"Geborand","group":1},
|
|
{id:6,"label":"Champtercier","group":1},
|
|
{id:7,"label":"Cravatte","group":1},
|
|
{id:8,"label":"Count","group":1},
|
|
{id:9,"label":"OldMan","group":1},
|
|
{id:10,"label":"Labarre","group":2},
|
|
{id:11,"label":"Valjean","group":2},
|
|
{id:12,"label":"Marguerite","group":3},
|
|
{id:13,"label":"Mme.deR","group":2},
|
|
{id:14,"label":"Isabeau","group":2},
|
|
{id:15,"label":"Gervais","group":2},
|
|
{id:16,"label":"Tholomyes","group":3},
|
|
{id:17,"label":"Listolier","group":3},
|
|
{id:18,"label":"Fameuil","group":3},
|
|
{id:19,"label":"Blacheville","group":3},
|
|
{id:20,"label":"Favourite","group":3},
|
|
{id:21,"label":"Dahlia","group":3},
|
|
{id:22,"label":"Zephine","group":3},
|
|
{id:23,"label":"Fantine","group":3},
|
|
{id:24,"label":"Mme.Thenardier","group":4},
|
|
{id:25,"label":"Thenardier","group":4},
|
|
{id:26,"label":"Cosette","group":5},
|
|
{id:27,"label":"Javert","group":4},
|
|
{id:28,"label":"Fauchelevent","group":0},
|
|
{id:29,"label":"Bamatabois","group":2},
|
|
{id:30,"label":"Perpetue","group":3},
|
|
{id:31,"label":"Simplice","group":2},
|
|
{id:32,"label":"Scaufflaire","group":2},
|
|
{id:33,"label":"Woman1","group":2},
|
|
{id:34,"label":"Judge","group":2},
|
|
{id:35,"label":"Champmathieu","group":2},
|
|
{id:36,"label":"Brevet","group":2},
|
|
{id:37,"label":"Chenildieu","group":2},
|
|
{id:38,"label":"Cochepaille","group":2},
|
|
{id:39,"label":"Pontmercy","group":4},
|
|
{id:40,"label":"Boulatruelle","group":6},
|
|
{id:41,"label":"Eponine","group":4},
|
|
{id:42,"label":"Anzelma","group":4},
|
|
{id:43,"label":"Woman2","group":5},
|
|
{id:44,"label":"MotherInnocent","group":0},
|
|
{id:45,"label":"Gribier","group":0},
|
|
{id:46,"label":"Jondrette","group":7},
|
|
{id:47,"label":"Mme.Burgon","group":7},
|
|
{id:48,"label":"Gavroche","group":8},
|
|
{id:49,"label":"Gillenormand","group":5},
|
|
{id:50,"label":"Magnon","group":5},
|
|
{id:51,"label":"Mlle.Gillenormand","group":5},
|
|
{id:52,"label":"Mme.Pontmercy","group":5},
|
|
{id:53,"label":"Mlle.Vaubois","group":5},
|
|
{id:54,"label":"Lt.Gillenormand","group":5},
|
|
{id:55,"label":"Marius","group":8},
|
|
{id:56,"label":"BaronessT","group":5},
|
|
{id:57,"label":"Mabeuf","group":8},
|
|
{id:58,"label":"Enjolras","group":8},
|
|
{id:59,"label":"Combeferre","group":8},
|
|
{id:60,"label":"Prouvaire","group":8},
|
|
{id:61,"label":"Feuilly","group":8},
|
|
{id:62,"label":"Courfeyrac","group":8},
|
|
{id:63,"label":"Bahorel","group":8},
|
|
{id:64,"label":"Bossuet","group":8},
|
|
{id:65,"label":"Joly","group":8},
|
|
{id:66,"label":"Grantaire","group":8},
|
|
{id:67,"label":"MotherPlutarch","group":9},
|
|
{id:68,"label":"Gueulemer","group":4},
|
|
{id:69,"label":"Babet","group":4},
|
|
{id:70,"label":"Claquesous","group":4},
|
|
{id:71,"label":"Montparnasse","group":4},
|
|
{id:72,"label":"Toussaint","group":5},
|
|
{id:73,"label":"Child1","group":10},
|
|
{id:74,"label":"Child2","group":10},
|
|
{id:75,"label":"Brujon","group":4},
|
|
{id:76,"label":"Mme.Hucheloup","group":8}
|
|
];
|
|
|
|
// create some edges
|
|
var edges = [
|
|
{"from":1,"to":0},
|
|
{"from":2,"to":0},
|
|
{"from":3,"to":0},
|
|
{"from":3,"to":2},
|
|
{"from":4,"to":0},
|
|
{"from":5,"to":0},
|
|
{"from":6,"to":0},
|
|
{"from":7,"to":0},
|
|
{"from":8,"to":0},
|
|
{"from":9,"to":0},
|
|
{"from":11,"to":10},
|
|
{"from":11,"to":3},
|
|
{"from":11,"to":2},
|
|
{"from":11,"to":0},
|
|
{"from":12,"to":11},
|
|
{"from":13,"to":11},
|
|
{"from":14,"to":11},
|
|
{"from":15,"to":11},
|
|
{"from":17,"to":16},
|
|
{"from":18,"to":16},
|
|
{"from":18,"to":17},
|
|
{"from":19,"to":16},
|
|
{"from":19,"to":17},
|
|
{"from":19,"to":18},
|
|
{"from":20,"to":16},
|
|
{"from":20,"to":17},
|
|
{"from":20,"to":18},
|
|
{"from":20,"to":19},
|
|
{"from":21,"to":16},
|
|
{"from":21,"to":17},
|
|
{"from":21,"to":18},
|
|
{"from":21,"to":19},
|
|
{"from":21,"to":20},
|
|
{"from":22,"to":16},
|
|
{"from":22,"to":17},
|
|
{"from":22,"to":18},
|
|
{"from":22,"to":19},
|
|
{"from":22,"to":20},
|
|
{"from":22,"to":21},
|
|
{"from":23,"to":16},
|
|
{"from":23,"to":17},
|
|
{"from":23,"to":18},
|
|
{"from":23,"to":19},
|
|
{"from":23,"to":20},
|
|
{"from":23,"to":21},
|
|
{"from":23,"to":22},
|
|
{"from":23,"to":12},
|
|
{"from":23,"to":11},
|
|
{"from":24,"to":23},
|
|
{"from":24,"to":11},
|
|
{"from":25,"to":24},
|
|
{"from":25,"to":23},
|
|
{"from":25,"to":11},
|
|
{"from":26,"to":24},
|
|
{"from":26,"to":11},
|
|
{"from":26,"to":16},
|
|
{"from":26,"to":25},
|
|
{"from":27,"to":11},
|
|
{"from":27,"to":23},
|
|
{"from":27,"to":25},
|
|
{"from":27,"to":24},
|
|
{"from":27,"to":26},
|
|
{"from":28,"to":11},
|
|
{"from":28,"to":27},
|
|
{"from":29,"to":23},
|
|
{"from":29,"to":27},
|
|
{"from":29,"to":11},
|
|
{"from":30,"to":23},
|
|
{"from":31,"to":30},
|
|
{"from":31,"to":11},
|
|
{"from":31,"to":23},
|
|
{"from":31,"to":27},
|
|
{"from":32,"to":11},
|
|
{"from":33,"to":11},
|
|
{"from":33,"to":27},
|
|
{"from":34,"to":11},
|
|
{"from":34,"to":29},
|
|
{"from":35,"to":11},
|
|
{"from":35,"to":34},
|
|
{"from":35,"to":29},
|
|
{"from":36,"to":34},
|
|
{"from":36,"to":35},
|
|
{"from":36,"to":11},
|
|
{"from":36,"to":29},
|
|
{"from":37,"to":34},
|
|
{"from":37,"to":35},
|
|
{"from":37,"to":36},
|
|
{"from":37,"to":11},
|
|
{"from":37,"to":29},
|
|
{"from":38,"to":34},
|
|
{"from":38,"to":35},
|
|
{"from":38,"to":36},
|
|
{"from":38,"to":37},
|
|
{"from":38,"to":11},
|
|
{"from":38,"to":29},
|
|
{"from":39,"to":25},
|
|
{"from":40,"to":25},
|
|
{"from":41,"to":24},
|
|
{"from":41,"to":25},
|
|
{"from":42,"to":41},
|
|
{"from":42,"to":25},
|
|
{"from":42,"to":24},
|
|
{"from":43,"to":11},
|
|
{"from":43,"to":26},
|
|
{"from":43,"to":27},
|
|
{"from":44,"to":28},
|
|
{"from":44,"to":11},
|
|
{"from":45,"to":28},
|
|
{"from":47,"to":46},
|
|
{"from":48,"to":47},
|
|
{"from":48,"to":25},
|
|
{"from":48,"to":27},
|
|
{"from":48,"to":11},
|
|
{"from":49,"to":26},
|
|
{"from":49,"to":11},
|
|
{"from":50,"to":49},
|
|
{"from":50,"to":24},
|
|
{"from":51,"to":49},
|
|
{"from":51,"to":26},
|
|
{"from":51,"to":11},
|
|
{"from":52,"to":51},
|
|
{"from":52,"to":39},
|
|
{"from":53,"to":51},
|
|
{"from":54,"to":51},
|
|
{"from":54,"to":49},
|
|
{"from":54,"to":26},
|
|
{"from":55,"to":51},
|
|
{"from":55,"to":49},
|
|
{"from":55,"to":39},
|
|
{"from":55,"to":54},
|
|
{"from":55,"to":26},
|
|
{"from":55,"to":11},
|
|
{"from":55,"to":16},
|
|
{"from":55,"to":25},
|
|
{"from":55,"to":41},
|
|
{"from":55,"to":48},
|
|
{"from":56,"to":49},
|
|
{"from":56,"to":55},
|
|
{"from":57,"to":55},
|
|
{"from":57,"to":41},
|
|
{"from":57,"to":48},
|
|
{"from":58,"to":55},
|
|
{"from":58,"to":48},
|
|
{"from":58,"to":27},
|
|
{"from":58,"to":57},
|
|
{"from":58,"to":11},
|
|
{"from":59,"to":58},
|
|
{"from":59,"to":55},
|
|
{"from":59,"to":48},
|
|
{"from":59,"to":57},
|
|
{"from":60,"to":48},
|
|
{"from":60,"to":58},
|
|
{"from":60,"to":59},
|
|
{"from":61,"to":48},
|
|
{"from":61,"to":58},
|
|
{"from":61,"to":60},
|
|
{"from":61,"to":59},
|
|
{"from":61,"to":57},
|
|
{"from":61,"to":55},
|
|
{"from":62,"to":55},
|
|
{"from":62,"to":58},
|
|
{"from":62,"to":59},
|
|
{"from":62,"to":48},
|
|
{"from":62,"to":57},
|
|
{"from":62,"to":41},
|
|
{"from":62,"to":61},
|
|
{"from":62,"to":60},
|
|
{"from":63,"to":59},
|
|
{"from":63,"to":48},
|
|
{"from":63,"to":62},
|
|
{"from":63,"to":57},
|
|
{"from":63,"to":58},
|
|
{"from":63,"to":61},
|
|
{"from":63,"to":60},
|
|
{"from":63,"to":55},
|
|
{"from":64,"to":55},
|
|
{"from":64,"to":62},
|
|
{"from":64,"to":48},
|
|
{"from":64,"to":63},
|
|
{"from":64,"to":58},
|
|
{"from":64,"to":61},
|
|
{"from":64,"to":60},
|
|
{"from":64,"to":59},
|
|
{"from":64,"to":57},
|
|
{"from":64,"to":11},
|
|
{"from":65,"to":63},
|
|
{"from":65,"to":64},
|
|
{"from":65,"to":48},
|
|
{"from":65,"to":62},
|
|
{"from":65,"to":58},
|
|
{"from":65,"to":61},
|
|
{"from":65,"to":60},
|
|
{"from":65,"to":59},
|
|
{"from":65,"to":57},
|
|
{"from":65,"to":55},
|
|
{"from":66,"to":64},
|
|
{"from":66,"to":58},
|
|
{"from":66,"to":59},
|
|
{"from":66,"to":62},
|
|
{"from":66,"to":65},
|
|
{"from":66,"to":48},
|
|
{"from":66,"to":63},
|
|
{"from":66,"to":61},
|
|
{"from":66,"to":60},
|
|
{"from":67,"to":57},
|
|
{"from":68,"to":25},
|
|
{"from":68,"to":11},
|
|
{"from":68,"to":24},
|
|
{"from":68,"to":27},
|
|
{"from":68,"to":48},
|
|
{"from":68,"to":41},
|
|
{"from":69,"to":25},
|
|
{"from":69,"to":68},
|
|
{"from":69,"to":11},
|
|
{"from":69,"to":24},
|
|
{"from":69,"to":27},
|
|
{"from":69,"to":48},
|
|
{"from":69,"to":41},
|
|
{"from":70,"to":25},
|
|
{"from":70,"to":69},
|
|
{"from":70,"to":68},
|
|
{"from":70,"to":11},
|
|
{"from":70,"to":24},
|
|
{"from":70,"to":27},
|
|
{"from":70,"to":41},
|
|
{"from":70,"to":58},
|
|
{"from":71,"to":27},
|
|
{"from":71,"to":69},
|
|
{"from":71,"to":68},
|
|
{"from":71,"to":70},
|
|
{"from":71,"to":11},
|
|
{"from":71,"to":48},
|
|
{"from":71,"to":41},
|
|
{"from":71,"to":25},
|
|
{"from":72,"to":26},
|
|
{"from":72,"to":27},
|
|
{"from":72,"to":11},
|
|
{"from":73,"to":48},
|
|
{"from":74,"to":48},
|
|
{"from":74,"to":73},
|
|
{"from":75,"to":69},
|
|
{"from":75,"to":68},
|
|
{"from":75,"to":25},
|
|
{"from":75,"to":48},
|
|
{"from":75,"to":41},
|
|
{"from":75,"to":70},
|
|
{"from":75,"to":71},
|
|
{"from":76,"to":64},
|
|
{"from":76,"to":65},
|
|
{"from":76,"to":66},
|
|
{"from":76,"to":63},
|
|
{"from":76,"to":62},
|
|
{"from":76,"to":48},
|
|
{"from":76,"to":58}
|
|
];
|
|
|
|
// create a network
|
|
var container = document.getElementById('mynetwork');
|
|
var data = {
|
|
nodes: nodes,
|
|
edges: edges
|
|
};
|
|
var options = {
|
|
nodes: {
|
|
shape: 'dot',
|
|
size: 16
|
|
},
|
|
physics: {
|
|
stabilization: false
|
|
}
|
|
};
|
|
var network = new vis.Network(container, data, options);
|
|
|
|
}
|
|
</script>
|
|
<script src="../googleAnalytics.js"></script>
|
|
</head>
|
|
|
|
<body onload="draw()">
|
|
<p>
|
|
Relations between the characters of "Les miserables".
|
|
</p>
|
|
<div id="mynetwork"></div>
|
|
</body>
|
|
</html>
|