g6/demos/fruchterman-layout.html
2019-07-20 23:16:43 +08:00

757 lines
31 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="mountNode"></div>
<script src="../build/g6.js"></script>
<script src="../build/fruchterman.js"></script>
<script>
const data = {
"nodes": [
{"id": "Myriel"},
{"id": "Napoleon"},
{"id": "Mlle.Baptistine"},
{"id": "Mme.Magloire"},
{"id": "CountessdeLo"},
{"id": "Geborand"},
{"id": "Champtercier"},
{"id": "Cravatte"},
{"id": "Count"},
{"id": "OldMan"},
{"id": "Labarre"},
{"id": "Valjean"},
{"id": "Marguerite"},
{"id": "Mme.deR"},
{"id": "Isabeau"},
{"id": "Gervais"},
{"id": "Tholomyes"},
{"id": "Listolier"},
{"id": "Fameuil"},
{"id": "Blacheville"},
{"id": "Favourite"},
{"id": "Dahlia"},
{"id": "Zephine"},
{"id": "Fantine"},
{"id": "Mme.Thenardier"},
{"id": "Thenardier"},
{"id": "Cosette"},
{"id": "Javert"},
{"id": "Fauchelevent"},
{"id": "Bamatabois"},
{"id": "Perpetue"},
{"id": "Simplice"},
{"id": "Scaufflaire"},
{"id": "Woman1"},
{"id": "Judge"},
{"id": "Champmathieu"},
{"id": "Brevet"},
{"id": "Chenildieu"},
{"id": "Cochepaille"},
{"id": "Pontmercy"},
{"id": "Boulatruelle"},
{"id": "Eponine"},
{"id": "Anzelma"},
{"id": "Woman2"},
{"id": "MotherInnocent"},
{"id": "Gribier"},
{"id": "Jondrette"},
{"id": "Mme.Burgon"},
{"id": "Gavroche"},
{"id": "Gillenormand"},
{"id": "Magnon"},
{"id": "Mlle.Gillenormand"},
{"id": "Mme.Pontmercy"},
{"id": "Mlle.Vaubois"},
{"id": "Lt.Gillenormand"},
{"id": "Marius"},
{"id": "BaronessT"},
{"id": "Mabeuf"},
{"id": "Enjolras"},
{"id": "Combeferre"},
{"id": "Prouvaire"},
{"id": "Feuilly"},
{"id": "Courfeyrac"},
{"id": "Bahorel"},
{"id": "Bossuet"},
{"id": "Joly"},
{"id": "Grantaire"},
{"id": "MotherPlutarch"},
{"id": "Gueulemer"},
{"id": "Babet"},
{"id": "Claquesous"},
{"id": "Montparnasse"},
{"id": "Toussaint"},
{"id": "Child1"},
{"id": "Child2"},
{"id": "Brujon"},
{"id": "Mme.Hucheloup"}
],
"edges": [
{"source": "Napoleon", "target": "Myriel", "value": 1},
{"source": "Mlle.Baptistine", "target": "Myriel", "value": 8},
{"source": "Mme.Magloire", "target": "Myriel", "value": 10},
{"source": "Mme.Magloire", "target": "Mlle.Baptistine", "value": 6},
{"source": "CountessdeLo", "target": "Myriel", "value": 1},
{"source": "Geborand", "target": "Myriel", "value": 1},
{"source": "Champtercier", "target": "Myriel", "value": 1},
{"source": "Cravatte", "target": "Myriel", "value": 1},
{"source": "Count", "target": "Myriel", "value": 2},
{"source": "OldMan", "target": "Myriel", "value": 1},
{"source": "Valjean", "target": "Labarre", "value": 1},
{"source": "Valjean", "target": "Mme.Magloire", "value": 3},
{"source": "Valjean", "target": "Mlle.Baptistine", "value": 3},
{"source": "Valjean", "target": "Myriel", "value": 5},
{"source": "Marguerite", "target": "Valjean", "value": 1},
{"source": "Mme.deR", "target": "Valjean", "value": 1},
{"source": "Isabeau", "target": "Valjean", "value": 1},
{"source": "Gervais", "target": "Valjean", "value": 1},
{"source": "Listolier", "target": "Tholomyes", "value": 4},
{"source": "Fameuil", "target": "Tholomyes", "value": 4},
{"source": "Fameuil", "target": "Listolier", "value": 4},
{"source": "Blacheville", "target": "Tholomyes", "value": 4},
{"source": "Blacheville", "target": "Listolier", "value": 4},
{"source": "Blacheville", "target": "Fameuil", "value": 4},
{"source": "Favourite", "target": "Tholomyes", "value": 3},
{"source": "Favourite", "target": "Listolier", "value": 3},
{"source": "Favourite", "target": "Fameuil", "value": 3},
{"source": "Favourite", "target": "Blacheville", "value": 4},
{"source": "Dahlia", "target": "Tholomyes", "value": 3},
{"source": "Dahlia", "target": "Listolier", "value": 3},
{"source": "Dahlia", "target": "Fameuil", "value": 3},
{"source": "Dahlia", "target": "Blacheville", "value": 3},
{"source": "Dahlia", "target": "Favourite", "value": 5},
{"source": "Zephine", "target": "Tholomyes", "value": 3},
{"source": "Zephine", "target": "Listolier", "value": 3},
{"source": "Zephine", "target": "Fameuil", "value": 3},
{"source": "Zephine", "target": "Blacheville", "value": 3},
{"source": "Zephine", "target": "Favourite", "value": 4},
{"source": "Zephine", "target": "Dahlia", "value": 4},
{"source": "Fantine", "target": "Tholomyes", "value": 3},
{"source": "Fantine", "target": "Listolier", "value": 3},
{"source": "Fantine", "target": "Fameuil", "value": 3},
{"source": "Fantine", "target": "Blacheville", "value": 3},
{"source": "Fantine", "target": "Favourite", "value": 4},
{"source": "Fantine", "target": "Dahlia", "value": 4},
{"source": "Fantine", "target": "Zephine", "value": 4},
{"source": "Fantine", "target": "Marguerite", "value": 2},
{"source": "Fantine", "target": "Valjean", "value": 9},
{"source": "Mme.Thenardier", "target": "Fantine", "value": 2},
{"source": "Mme.Thenardier", "target": "Valjean", "value": 7},
{"source": "Thenardier", "target": "Mme.Thenardier", "value": 13},
{"source": "Thenardier", "target": "Fantine", "value": 1},
{"source": "Thenardier", "target": "Valjean", "value": 12},
{"source": "Cosette", "target": "Mme.Thenardier", "value": 4},
{"source": "Cosette", "target": "Valjean", "value": 31},
{"source": "Cosette", "target": "Tholomyes", "value": 1},
{"source": "Cosette", "target": "Thenardier", "value": 1},
{"source": "Javert", "target": "Valjean", "value": 17},
{"source": "Javert", "target": "Fantine", "value": 5},
{"source": "Javert", "target": "Thenardier", "value": 5},
{"source": "Javert", "target": "Mme.Thenardier", "value": 1},
{"source": "Javert", "target": "Cosette", "value": 1},
{"source": "Fauchelevent", "target": "Valjean", "value": 8},
{"source": "Fauchelevent", "target": "Javert", "value": 1},
{"source": "Bamatabois", "target": "Fantine", "value": 1},
{"source": "Bamatabois", "target": "Javert", "value": 1},
{"source": "Bamatabois", "target": "Valjean", "value": 2},
{"source": "Perpetue", "target": "Fantine", "value": 1},
{"source": "Simplice", "target": "Perpetue", "value": 2},
{"source": "Simplice", "target": "Valjean", "value": 3},
{"source": "Simplice", "target": "Fantine", "value": 2},
{"source": "Simplice", "target": "Javert", "value": 1},
{"source": "Scaufflaire", "target": "Valjean", "value": 1},
{"source": "Woman1", "target": "Valjean", "value": 2},
{"source": "Woman1", "target": "Javert", "value": 1},
{"source": "Judge", "target": "Valjean", "value": 3},
{"source": "Judge", "target": "Bamatabois", "value": 2},
{"source": "Champmathieu", "target": "Valjean", "value": 3},
{"source": "Champmathieu", "target": "Judge", "value": 3},
{"source": "Champmathieu", "target": "Bamatabois", "value": 2},
{"source": "Brevet", "target": "Judge", "value": 2},
{"source": "Brevet", "target": "Champmathieu", "value": 2},
{"source": "Brevet", "target": "Valjean", "value": 2},
{"source": "Brevet", "target": "Bamatabois", "value": 1},
{"source": "Chenildieu", "target": "Judge", "value": 2},
{"source": "Chenildieu", "target": "Champmathieu", "value": 2},
{"source": "Chenildieu", "target": "Brevet", "value": 2},
{"source": "Chenildieu", "target": "Valjean", "value": 2},
{"source": "Chenildieu", "target": "Bamatabois", "value": 1},
{"source": "Cochepaille", "target": "Judge", "value": 2},
{"source": "Cochepaille", "target": "Champmathieu", "value": 2},
{"source": "Cochepaille", "target": "Brevet", "value": 2},
{"source": "Cochepaille", "target": "Chenildieu", "value": 2},
{"source": "Cochepaille", "target": "Valjean", "value": 2},
{"source": "Cochepaille", "target": "Bamatabois", "value": 1},
{"source": "Pontmercy", "target": "Thenardier", "value": 1},
{"source": "Boulatruelle", "target": "Thenardier", "value": 1},
{"source": "Eponine", "target": "Mme.Thenardier", "value": 2},
{"source": "Eponine", "target": "Thenardier", "value": 3},
{"source": "Anzelma", "target": "Eponine", "value": 2},
{"source": "Anzelma", "target": "Thenardier", "value": 2},
{"source": "Anzelma", "target": "Mme.Thenardier", "value": 1},
{"source": "Woman2", "target": "Valjean", "value": 3},
{"source": "Woman2", "target": "Cosette", "value": 1},
{"source": "Woman2", "target": "Javert", "value": 1},
{"source": "MotherInnocent", "target": "Fauchelevent", "value": 3},
{"source": "MotherInnocent", "target": "Valjean", "value": 1},
{"source": "Gribier", "target": "Fauchelevent", "value": 2},
{"source": "Mme.Burgon", "target": "Jondrette", "value": 1},
{"source": "Gavroche", "target": "Mme.Burgon", "value": 2},
{"source": "Gavroche", "target": "Thenardier", "value": 1},
{"source": "Gavroche", "target": "Javert", "value": 1},
{"source": "Gavroche", "target": "Valjean", "value": 1},
{"source": "Gillenormand", "target": "Cosette", "value": 3},
{"source": "Gillenormand", "target": "Valjean", "value": 2},
{"source": "Magnon", "target": "Gillenormand", "value": 1},
{"source": "Magnon", "target": "Mme.Thenardier", "value": 1},
{"source": "Mlle.Gillenormand", "target": "Gillenormand", "value": 9},
{"source": "Mlle.Gillenormand", "target": "Cosette", "value": 2},
{"source": "Mlle.Gillenormand", "target": "Valjean", "value": 2},
{"source": "Mme.Pontmercy", "target": "Mlle.Gillenormand", "value": 1},
{"source": "Mme.Pontmercy", "target": "Pontmercy", "value": 1},
{"source": "Mlle.Vaubois", "target": "Mlle.Gillenormand", "value": 1},
{"source": "Lt.Gillenormand", "target": "Mlle.Gillenormand", "value": 2},
{"source": "Lt.Gillenormand", "target": "Gillenormand", "value": 1},
{"source": "Lt.Gillenormand", "target": "Cosette", "value": 1},
{"source": "Marius", "target": "Mlle.Gillenormand", "value": 6},
{"source": "Marius", "target": "Gillenormand", "value": 12},
{"source": "Marius", "target": "Pontmercy", "value": 1},
{"source": "Marius", "target": "Lt.Gillenormand", "value": 1},
{"source": "Marius", "target": "Cosette", "value": 21},
{"source": "Marius", "target": "Valjean", "value": 19},
{"source": "Marius", "target": "Tholomyes", "value": 1},
{"source": "Marius", "target": "Thenardier", "value": 2},
{"source": "Marius", "target": "Eponine", "value": 5},
{"source": "Marius", "target": "Gavroche", "value": 4},
{"source": "BaronessT", "target": "Gillenormand", "value": 1},
{"source": "BaronessT", "target": "Marius", "value": 1},
{"source": "Mabeuf", "target": "Marius", "value": 1},
{"source": "Mabeuf", "target": "Eponine", "value": 1},
{"source": "Mabeuf", "target": "Gavroche", "value": 1},
{"source": "Enjolras", "target": "Marius", "value": 7},
{"source": "Enjolras", "target": "Gavroche", "value": 7},
{"source": "Enjolras", "target": "Javert", "value": 6},
{"source": "Enjolras", "target": "Mabeuf", "value": 1},
{"source": "Enjolras", "target": "Valjean", "value": 4},
{"source": "Combeferre", "target": "Enjolras", "value": 15},
{"source": "Combeferre", "target": "Marius", "value": 5},
{"source": "Combeferre", "target": "Gavroche", "value": 6},
{"source": "Combeferre", "target": "Mabeuf", "value": 2},
{"source": "Prouvaire", "target": "Gavroche", "value": 1},
{"source": "Prouvaire", "target": "Enjolras", "value": 4},
{"source": "Prouvaire", "target": "Combeferre", "value": 2},
{"source": "Feuilly", "target": "Gavroche", "value": 2},
{"source": "Feuilly", "target": "Enjolras", "value": 6},
{"source": "Feuilly", "target": "Prouvaire", "value": 2},
{"source": "Feuilly", "target": "Combeferre", "value": 5},
{"source": "Feuilly", "target": "Mabeuf", "value": 1},
{"source": "Feuilly", "target": "Marius", "value": 1},
{"source": "Courfeyrac", "target": "Marius", "value": 9},
{"source": "Courfeyrac", "target": "Enjolras", "value": 17},
{"source": "Courfeyrac", "target": "Combeferre", "value": 13},
{"source": "Courfeyrac", "target": "Gavroche", "value": 7},
{"source": "Courfeyrac", "target": "Mabeuf", "value": 2},
{"source": "Courfeyrac", "target": "Eponine", "value": 1},
{"source": "Courfeyrac", "target": "Feuilly", "value": 6},
{"source": "Courfeyrac", "target": "Prouvaire", "value": 3},
{"source": "Bahorel", "target": "Combeferre", "value": 5},
{"source": "Bahorel", "target": "Gavroche", "value": 5},
{"source": "Bahorel", "target": "Courfeyrac", "value": 6},
{"source": "Bahorel", "target": "Mabeuf", "value": 2},
{"source": "Bahorel", "target": "Enjolras", "value": 4},
{"source": "Bahorel", "target": "Feuilly", "value": 3},
{"source": "Bahorel", "target": "Prouvaire", "value": 2},
{"source": "Bahorel", "target": "Marius", "value": 1},
{"source": "Bossuet", "target": "Marius", "value": 5},
{"source": "Bossuet", "target": "Courfeyrac", "value": 12},
{"source": "Bossuet", "target": "Gavroche", "value": 5},
{"source": "Bossuet", "target": "Bahorel", "value": 4},
{"source": "Bossuet", "target": "Enjolras", "value": 10},
{"source": "Bossuet", "target": "Feuilly", "value": 6},
{"source": "Bossuet", "target": "Prouvaire", "value": 2},
{"source": "Bossuet", "target": "Combeferre", "value": 9},
{"source": "Bossuet", "target": "Mabeuf", "value": 1},
{"source": "Bossuet", "target": "Valjean", "value": 1},
{"source": "Joly", "target": "Bahorel", "value": 5},
{"source": "Joly", "target": "Bossuet", "value": 7},
{"source": "Joly", "target": "Gavroche", "value": 3},
{"source": "Joly", "target": "Courfeyrac", "value": 5},
{"source": "Joly", "target": "Enjolras", "value": 5},
{"source": "Joly", "target": "Feuilly", "value": 5},
{"source": "Joly", "target": "Prouvaire", "value": 2},
{"source": "Joly", "target": "Combeferre", "value": 5},
{"source": "Joly", "target": "Mabeuf", "value": 1},
{"source": "Joly", "target": "Marius", "value": 2},
{"source": "Grantaire", "target": "Bossuet", "value": 3},
{"source": "Grantaire", "target": "Enjolras", "value": 3},
{"source": "Grantaire", "target": "Combeferre", "value": 1},
{"source": "Grantaire", "target": "Courfeyrac", "value": 2},
{"source": "Grantaire", "target": "Joly", "value": 2},
{"source": "Grantaire", "target": "Gavroche", "value": 1},
{"source": "Grantaire", "target": "Bahorel", "value": 1},
{"source": "Grantaire", "target": "Feuilly", "value": 1},
{"source": "Grantaire", "target": "Prouvaire", "value": 1},
{"source": "MotherPlutarch", "target": "Mabeuf", "value": 3},
{"source": "Gueulemer", "target": "Thenardier", "value": 5},
{"source": "Gueulemer", "target": "Valjean", "value": 1},
{"source": "Gueulemer", "target": "Mme.Thenardier", "value": 1},
{"source": "Gueulemer", "target": "Javert", "value": 1},
{"source": "Gueulemer", "target": "Gavroche", "value": 1},
{"source": "Gueulemer", "target": "Eponine", "value": 1},
{"source": "Babet", "target": "Thenardier", "value": 6},
{"source": "Babet", "target": "Gueulemer", "value": 6},
{"source": "Babet", "target": "Valjean", "value": 1},
{"source": "Babet", "target": "Mme.Thenardier", "value": 1},
{"source": "Babet", "target": "Javert", "value": 2},
{"source": "Babet", "target": "Gavroche", "value": 1},
{"source": "Babet", "target": "Eponine", "value": 1},
{"source": "Claquesous", "target": "Thenardier", "value": 4},
{"source": "Claquesous", "target": "Babet", "value": 4},
{"source": "Claquesous", "target": "Gueulemer", "value": 4},
{"source": "Claquesous", "target": "Valjean", "value": 1},
{"source": "Claquesous", "target": "Mme.Thenardier", "value": 1},
{"source": "Claquesous", "target": "Javert", "value": 1},
{"source": "Claquesous", "target": "Eponine", "value": 1},
{"source": "Claquesous", "target": "Enjolras", "value": 1},
{"source": "Montparnasse", "target": "Javert", "value": 1},
{"source": "Montparnasse", "target": "Babet", "value": 2},
{"source": "Montparnasse", "target": "Gueulemer", "value": 2},
{"source": "Montparnasse", "target": "Claquesous", "value": 2},
{"source": "Montparnasse", "target": "Valjean", "value": 1},
{"source": "Montparnasse", "target": "Gavroche", "value": 1},
{"source": "Montparnasse", "target": "Eponine", "value": 1},
{"source": "Montparnasse", "target": "Thenardier", "value": 1},
{"source": "Toussaint", "target": "Cosette", "value": 2},
{"source": "Toussaint", "target": "Javert", "value": 1},
{"source": "Toussaint", "target": "Valjean", "value": 1},
{"source": "Child1", "target": "Gavroche", "value": 2},
{"source": "Child2", "target": "Gavroche", "value": 2},
{"source": "Child2", "target": "Child1", "value": 3},
{"source": "Brujon", "target": "Babet", "value": 3},
{"source": "Brujon", "target": "Gueulemer", "value": 3},
{"source": "Brujon", "target": "Thenardier", "value": 3},
{"source": "Brujon", "target": "Gavroche", "value": 1},
{"source": "Brujon", "target": "Eponine", "value": 1},
{"source": "Brujon", "target": "Claquesous", "value": 1},
{"source": "Brujon", "target": "Montparnasse", "value": 1},
{"source": "Mme.Hucheloup", "target": "Bossuet", "value": 1},
{"source": "Mme.Hucheloup", "target": "Joly", "value": 1},
{"source": "Mme.Hucheloup", "target": "Grantaire", "value": 1},
{"source": "Mme.Hucheloup", "target": "Bahorel", "value": 1},
{"source": "Mme.Hucheloup", "target": "Courfeyrac", "value": 1},
{"source": "Mme.Hucheloup", "target": "Gavroche", "value": 1},
{"source": "Mme.Hucheloup", "target": "Enjolras", "value": 1}
]
};
const data1 = {
"nodes": [
{"id": "0"},
{"id": "1"},
{"id": "2"},
{"id": "3"},
{"id": "4"},
{"id": "5"},
{"id": "6"},
{"id": "7"}
], "edges": [
{"source": "0", "target": "1"},
{"source": "1", "target": "2"},
{"source": "2", "target": "3"},
{"source": "3", "target": "0"},
{"source": "3", "target": "4"},
{"source": "3", "target": "5"},
{"source": "3", "target": "6"},
{"source": "3", "target": "7"},
]
};
const data2 = {
"nodes": [
{"id": "11"},
{"id": "48"},
{"id": "55"},
{"id": "27"},
{"id": "25"},
{"id": "23"},
{"id": "58"},
{"id": "62"},
{"id": "64"},
{"id": "63"},
{"id": "65"},
{"id": "24"},
{"id": "26"},
{"id": "41"},
{"id": "57"},
{"id": "59"},
{"id": "61"},
{"id": "0"},
{"id": "66"},
{"id": "68"},
{"id": "69"},
{"id": "70"},
{"id": "16"},
{"id": "60"},
{"id": "71"},
{"id": "29"},
{"id": "17"},
{"id": "18"},
{"id": "19"},
{"id": "20"},
{"id": "21"},
{"id": "22"},
{"id": "49"},
{"id": "51"},
{"id": "75"},
{"id": "76"},
{"id": "34"},
{"id": "35"},
{"id": "36"},
{"id": "37"},
{"id": "38"},
{"id": "28"},
{"id": "31"},
{"id": "54"},
{"id": "2"},
{"id": "3"},
{"id": "39"},
{"id": "42"},
{"id": "43"},
{"id": "72"},
{"id": "12"},
{"id": "30"},
{"id": "33"},
{"id": "44"},
{"id": "47"},
{"id": "50"},
{"id": "52"},
{"id": "56"},
{"id": "73"},
{"id": "74"},
{"id": "1"},
{"id": "4"},
{"id": "5"},
{"id": "6"},
{"id": "7"},
{"id": "8"},
{"id": "9"},
{"id": "10"},
{"id": "13"},
{"id": "14"},
{"id": "15"},
{"id": "32"},
{"id": "40"},
{"id": "45"},
{"id": "46"},
{"id": "53"},
{"id": "67"}],
"edges": [
{"source": "1", "target": "0"},
{"source": "2", "target": "0"},
{"source": "3", "target": "0"},
{"source": "3", "target": "2"},
{"source": "4", "target": "0"},
{"source": "5", "target": "0"},
{"source": "6", "target": "0"},
{"source": "7", "target": "0"},
{"source": "8", "target": "0"},
{"source": "9", "target": "0"},
{"source": "11", "target": "0"},
{"source": "11", "target": "2"},
{"source": "11", "target": "3"},
{"source": "11", "target": "10"},
{"source": "12", "target": "11"},
{"source": "13", "target": "11"},
{"source": "14", "target": "11"},
{"source": "15", "target": "11"},
{"source": "17", "target": "16"},
{"source": "18", "target": "16"},
{"source": "18", "target": "17"},
{"source": "19", "target": "16"},
{"source": "19", "target": "17"},
{"source": "19", "target": "18"},
{"source": "20", "target": "16"},
{"source": "20", "target": "17"},
{"source": "20", "target": "18"},
{"source": "20", "target": "19"},
{"source": "21", "target": "16"},
{"source": "21", "target": "17"},
{"source": "21", "target": "18"},
{"source": "21", "target": "19"},
{"source": "21", "target": "20"},
{"source": "22", "target": "16"},
{"source": "22", "target": "17"},
{"source": "22", "target": "18"},
{"source": "22", "target": "19"},
{"source": "22", "target": "20"},
{"source": "22", "target": "21"},
{"source": "23", "target": "11"},
{"source": "23", "target": "12"},
{"source": "23", "target": "16"},
{"source": "23", "target": "17"},
{"source": "23", "target": "18"},
{"source": "23", "target": "19"},
{"source": "23", "target": "20"},
{"source": "23", "target": "21"},
{"source": "23", "target": "22"},
{"source": "24", "target": "11"},
{"source": "24", "target": "23"},
{"source": "25", "target": "11"},
{"source": "25", "target": "23"},
{"source": "25", "target": "24"},
{"source": "26", "target": "11"},
{"source": "26", "target": "16"},
{"source": "26", "target": "24"},
{"source": "26", "target": "25"},
{"source": "27", "target": "11"},
{"source": "27", "target": "23"},
{"source": "27", "target": "24"},
{"source": "27", "target": "25"},
{"source": "27", "target": "26"},
{"source": "28", "target": "11"},
{"source": "28", "target": "27"},
{"source": "29", "target": "11"},
{"source": "29", "target": "23"},
{"source": "29", "target": "27"},
{"source": "30", "target": "23"},
{"source": "31", "target": "11"},
{"source": "31", "target": "23"},
{"source": "31", "target": "27"},
{"source": "31", "target": "30"},
{"source": "32", "target": "11"},
{"source": "33", "target": "11"},
{"source": "33", "target": "27"},
{"source": "34", "target": "11"},
{"source": "34", "target": "29"},
{"source": "35", "target": "11"},
{"source": "35", "target": "29"},
{"source": "35", "target": "34"},
{"source": "36", "target": "11"},
{"source": "36", "target": "29"},
{"source": "36", "target": "34"},
{"source": "36", "target": "35"},
{"source": "37", "target": "11"},
{"source": "37", "target": "29"},
{"source": "37", "target": "34"},
{"source": "37", "target": "35"},
{"source": "37", "target": "36"},
{"source": "38", "target": "11"},
{"source": "38", "target": "29"},
{"source": "38", "target": "34"},
{"source": "38", "target": "35"},
{"source": "38", "target": "36"},
{"source": "38", "target": "37"},
{"source": "39", "target": "25"},
{"source": "40", "target": "25"},
{"source": "41", "target": "24"},
{"source": "41", "target": "25"},
{"source": "42", "target": "24"},
{"source": "42", "target": "25"},
{"source": "42", "target": "41"},
{"source": "43", "target": "11"},
{"source": "43", "target": "26"},
{"source": "43", "target": "27"},
{"source": "44", "target": "11"},
{"source": "44", "target": "28"},
{"source": "45", "target": "28"},
{"source": "47", "target": "46"},
{"source": "48", "target": "11"},
{"source": "48", "target": "25"},
{"source": "48", "target": "27"},
{"source": "48", "target": "47"},
{"source": "49", "target": "11"},
{"source": "49", "target": "26"},
{"source": "50", "target": "24"},
{"source": "50", "target": "49"},
{"source": "51", "target": "11"},
{"source": "51", "target": "26"},
{"source": "51", "target": "49"},
{"source": "52", "target": "39"},
{"source": "52", "target": "51"},
{"source": "53", "target": "51"},
{"source": "54", "target": "26"},
{"source": "54", "target": "49"},
{"source": "54", "target": "51"},
{"source": "55", "target": "11"},
{"source": "55", "target": "16"},
{"source": "55", "target": "25"},
{"source": "55", "target": "26"},
{"source": "55", "target": "39"},
{"source": "55", "target": "41"},
{"source": "55", "target": "48"},
{"source": "55", "target": "49"},
{"source": "55", "target": "51"},
{"source": "55", "target": "54"},
{"source": "56", "target": "49"},
{"source": "56", "target": "55"},
{"source": "57", "target": "41"},
{"source": "57", "target": "48"},
{"source": "57", "target": "55"},
{"source": "58", "target": "11"},
{"source": "58", "target": "27"},
{"source": "58", "target": "48"},
{"source": "58", "target": "55"},
{"source": "58", "target": "57"},
{"source": "59", "target": "48"},
{"source": "59", "target": "55"},
{"source": "59", "target": "57"},
{"source": "59", "target": "58"},
{"source": "60", "target": "48"},
{"source": "60", "target": "58"},
{"source": "60", "target": "59"},
{"source": "61", "target": "48"},
{"source": "61", "target": "55"},
{"source": "61", "target": "57"},
{"source": "61", "target": "58"},
{"source": "61", "target": "59"},
{"source": "61", "target": "60"},
{"source": "62", "target": "41"},
{"source": "62", "target": "48"},
{"source": "62", "target": "55"},
{"source": "62", "target": "57"},
{"source": "62", "target": "58"},
{"source": "62", "target": "59"},
{"source": "62", "target": "60"},
{"source": "62", "target": "61"},
{"source": "63", "target": "48"},
{"source": "63", "target": "55"},
{"source": "63", "target": "57"},
{"source": "63", "target": "58"},
{"source": "63", "target": "59"},
{"source": "63", "target": "60"},
{"source": "63", "target": "61"},
{"source": "63", "target": "62"},
{"source": "64", "target": "11"},
{"source": "64", "target": "48"},
{"source": "64", "target": "55"},
{"source": "64", "target": "57"},
{"source": "64", "target": "58"},
{"source": "64", "target": "59"},
{"source": "64", "target": "60"},
{"source": "64", "target": "61"},
{"source": "64", "target": "62"},
{"source": "64", "target": "63"},
{"source": "65", "target": "48"},
{"source": "65", "target": "55"},
{"source": "65", "target": "57"},
{"source": "65", "target": "58"},
{"source": "65", "target": "59"},
{"source": "65", "target": "60"},
{"source": "65", "target": "61"},
{"source": "65", "target": "62"},
{"source": "65", "target": "63"},
{"source": "65", "target": "64"},
{"source": "66", "target": "48"},
{"source": "66", "target": "58"},
{"source": "66", "target": "59"},
{"source": "66", "target": "60"},
{"source": "66", "target": "61"},
{"source": "66", "target": "62"},
{"source": "66", "target": "63"},
{"source": "66", "target": "64"},
{"source": "66", "target": "65"},
{"source": "67", "target": "57"},
{"source": "68", "target": "11"},
{"source": "68", "target": "24"},
{"source": "68", "target": "25"},
{"source": "68", "target": "27"},
{"source": "68", "target": "41"},
{"source": "68", "target": "48"},
{"source": "69", "target": "11"},
{"source": "69", "target": "24"},
{"source": "69", "target": "25"},
{"source": "69", "target": "27"},
{"source": "69", "target": "41"},
{"source": "69", "target": "48"},
{"source": "69", "target": "68"},
{"source": "70", "target": "11"},
{"source": "70", "target": "24"},
{"source": "70", "target": "25"},
{"source": "70", "target": "27"},
{"source": "70", "target": "41"},
{"source": "70", "target": "58"},
{"source": "70", "target": "68"},
{"source": "70", "target": "69"},
{"source": "71", "target": "11"},
{"source": "71", "target": "25"},
{"source": "71", "target": "27"},
{"source": "71", "target": "41"},
{"source": "71", "target": "48"},
{"source": "71", "target": "68"},
{"source": "71", "target": "69"},
{"source": "71", "target": "70"},
{"source": "72", "target": "11"},
{"source": "72", "target": "26"},
{"source": "72", "target": "27"},
{"source": "73", "target": "48"},
{"source": "74", "target": "48"},
{"source": "74", "target": "73"},
{"source": "75", "target": "25"},
{"source": "75", "target": "41"},
{"source": "75", "target": "48"},
{"source": "75", "target": "68"},
{"source": "75", "target": "69"},
{"source": "75", "target": "70"},
{"source": "75", "target": "71"},
{"source": "76", "target": "48"},
{"source": "76", "target": "58"},
{"source": "76", "target": "62"},
{"source": "76", "target": "63"},
{"source": "76", "target": "64"},
{"source": "76", "target": "65"},
{"source": "76", "target": "66"},
]
}
const fruchtermanLayout = new Fruchterman({
maxIteration: 8000,
gravity: 10,
center: [500, 300]
});
const graph = new G6.Graph({
container: 'mountNode',
width: 1000,
height: 600,
plugins: [ fruchtermanLayout ],
modes: {
default: ['drag-canvas']
},
defaultNode: {
size: [10, 10],
color: 'steelblue'
},
defaultEdge: {
size: 1,
color: '#e2e2e2'
},
nodeStyle: {
default: {
lineWidth: 2,
fill: '#fff'
},
selected: {
fill: 'steelblue'
}
},
edgeStyle: {
default: {
endArrow: {
path: 'M 4,0 L -4,-4 L -4,4 Z',
d: 4
}
}
}
});
graph.data({ nodes: data2.nodes, edges: data2.edges.map((edge, i) => {
edge.id = 'edge' + i;
return Object.assign({}, edge);
}) });
fruchtermanLayout.layout(data2);
graph.render();
</script>
</body>
</html>