Manual mode
Click on node to show it's neighbors. Right click on a node and choose "collapse" to hide it and it's neighbors.
HTML
HTML
<script src="https://cdn.zoomcharts-cloud.com/1/nightly/zoomcharts.js"></script>
<div id="demo"></div>
CSS
CSS
//No CSS for this example
JavaScript
JavaScript
var t = new NetChart({
container: document.getElementById("demo"),
area: { height: null },
data: { url: "/dvsl/data/net-chart/company-network-small.json" },
navigation: {
mode: "manual",
initialNodes: ["1886"]
},
style: {
nodeStyleFunction: nodeStyle,
linkStyleFunction: linkStyle
}
});
function nodeStyle(node) {
var image = null;
if (node.data.type == "person") {
image = "/dvsl/data/net-chart/node-icons-male.png";
node.label = "Person";
} else {
image = "/dvsl/data/net-chart/node-icons-case.png";
node.label = "Company";
}
var sliceNo = (node.data.foreign) ? 1 : 0;
var sliceSize = 239;
node.image = image;
node.imageSlicing = [0, sliceNo * sliceSize, sliceSize, sliceSize];
}
function linkStyle(link) {
if (link.data.type == "share") {
link.fillColor = "limegreen";
link.label = (link.data.shares_perc * 100).toFixed(0) + "%";
link.radius = 2;
} else {
link.fillColor = "lightgray";
link.radius = 1;
}
}
Data
Data
Download Data
{
"nodes": [
{
"loaded": true,
"type": "person",
"id": "1886"
},
{
"status": 1,
"terminated": "",
"finanses": {
"Employees": "22",
"Employees_prev": "22",
"Turnover_prev": "623823"
},
"loaded": true,
"type": "company",
"id": "1370"
},
{
"status": 1,
"terminated": "",
"finanses": {
"Employees": "1",
"Employees_prev": "2",
"Turnover_prev": "56468"
},
"loaded": true,
"type": "company",
"id": "3119"
},
{
"status": 1,
"terminated": "",
"finanses": {
"Employees": ""
},
"loaded": true,
"type": "company",
"id": "3120"
},
{
"status": 1,
"terminated": "",
"finanses": {
"Employees": ""
},
"loaded": true,
"type": "company",
"id": "3121"
},
{
"status": 1,
"terminated": "",
"finanses": {
"Employees": ""
},
"loaded": true,
"type": "company",
"id": "1372"
},
{
"loaded": true,
"type": "person",
"id": "1174"
},
{
"loaded": true,
"type": "person",
"id": "1887"
},
{
"loaded": true,
"type": "person",
"id": "6371"
},
{
"loaded": true,
"type": "person",
"id": "6376"
},
{
"loaded": true,
"type": "person",
"id": "6377"
},
{
"loaded": true,
"type": "person",
"id": "6370"
},
{
"loaded": true,
"type": "person",
"id": "6378"
},
{
"loaded": true,
"type": "person",
"id": "6369"
},
{
"loaded": true,
"type": "person",
"id": "6366"
},
{
"loaded": true,
"type": "person",
"id": "6399"
},
{
"loaded": true,
"type": "person",
"id": "6400"
},
{
"loaded": true,
"type": "person",
"id": "6401"
},
{
"loaded": true,
"type": "person",
"id": "6402"
},
{
"status": 1,
"terminated": "",
"finanses": {
"Employees": ""
},
"loaded": true,
"type": "company",
"id": "1054"
},
{
"status": 1,
"terminated": "",
"finanses": {
"Employees": "2"
},
"loaded": true,
"type": "company",
"id": "1371"
},
{
"status": 1,
"terminated": "",
"finanses": {
"Employees": "0"
},
"loaded": true,
"type": "company",
"id": "4461"
},
{
"loaded": true,
"type": "company",
"id": "43"
},
{
"loaded": true,
"type": "company",
"id": "11822"
},
{
"loaded": true,
"type": "company",
"id": "142"
},
{
"loaded": true,
"type": "company",
"id": "131"
},
{
"loaded": true,
"type": "company",
"id": "92"
},
{
"loaded": true,
"type": "company",
"id": "139"
},
{
"loaded": true,
"type": "company",
"id": "44"
},
{
"loaded": true,
"type": "company",
"id": "11823"
},
{
"loaded": true,
"type": "company",
"id": "135"
},
{
"loaded": true,
"type": "company",
"id": "11583"
},
{
"loaded": true,
"type": "company",
"id": "100"
},
{
"loaded": true,
"type": "company",
"id": "17"
},
{
"loaded": true,
"type": "company",
"id": "11622"
},
{
"loaded": true,
"type": "company",
"id": "423"
},
{
"loaded": true,
"type": "company",
"id": "227"
},
{
"loaded": true,
"type": "company",
"id": "49"
},
{
"loaded": true,
"type": "company",
"id": "20"
},
{
"loaded": true,
"type": "company",
"id": "40"
},
{
"loaded": true,
"type": "company",
"id": "58"
},
{
"loaded": true,
"type": "company",
"id": "76"
},
{
"loaded": true,
"type": "company",
"id": "11623"
},
{
"loaded": true,
"type": "company",
"id": "143"
},
{
"loaded": true,
"type": "company",
"id": "586"
},
{
"loaded": true,
"type": "company",
"id": "11625"
},
{
"loaded": true,
"type": "company",
"id": "11626"
},
{
"loaded": true,
"type": "company",
"id": "11627"
},
{
"loaded": true,
"type": "company",
"id": "11820"
},
{
"loaded": true,
"type": "company",
"id": "11821"
},
{
"status": 1,
"terminated": "",
"finanses": [],
"loaded": true,
"type": "company",
"id": "988"
},
{
"loaded": true,
"type": "person",
"id": "1172"
},
{
"loaded": true,
"type": "person",
"id": "1173"
},
{
"loaded": true,
"type": "person",
"id": "1889"
},
{
"loaded": true,
"type": "person",
"id": "1890"
},
{
"loaded": true,
"type": "person",
"id": "2553"
},
{
"loaded": true,
"type": "person",
"id": "8017"
},
{
"loaded": true,
"type": "person",
"id": "8022"
},
{
"loaded": true,
"type": "person",
"id": "8032"
},
{
"loaded": true,
"type": "person",
"id": "8019"
},
{
"loaded": true,
"type": "person",
"id": "8033"
},
{
"loaded": true,
"type": "person",
"id": "991"
},
{
"status": 1,
"terminated": "",
"finanses": {
"Employees": ""
},
"loaded": true,
"type": "company",
"id": "442"
},
{
"loaded": true,
"type": "person",
"id": "1052"
},
{
"status": 1,
"terminated": "",
"finanses": {
"Employees": "3"
},
"loaded": true,
"type": "company",
"id": "1053"
},
{
"status": 1,
"terminated": "",
"finanses": [],
"loaded": true,
"type": "company",
"id": "1055"
},
{
"status": 1,
"finanses": [],
"loaded": true,
"type": "company",
"id": "1360"
},
{
"status": 1,
"loaded": true,
"type": "company",
"id": "1365",
"finanses": []
},
{
"status": 1,
"terminated": "",
"finanses": [],
"loaded": true,
"type": "company",
"id": "492"
},
{
"status": 1,
"finanses": [],
"loaded": true,
"type": "company",
"id": "3115"
},
{
"status": 1,
"terminated": "",
"finanses": {
"Employees": "9",
"Employees_prev": "12",
"Turnover_prev": "940898"
},
"loaded": true,
"type": "company",
"id": "1705"
},
{
"status": 1,
"terminated": "",
"finanses": {
"Employees": "5",
"Employees_prev": "4",
"Turnover_prev": "38349"
},
"loaded": true,
"type": "company",
"id": "3635"
},
{
"status": 1,
"terminated": "",
"finanses": {
"Employees": "3",
"Employees_prev": "1",
"Turnover_prev": "95547"
},
"loaded": true,
"type": "company",
"id": "4458"
},
{
"status": 1,
"terminated": "",
"finanses": [],
"loaded": true,
"type": "company",
"id": "987"
},
{
"status": 1,
"terminated": "",
"finanses": [],
"loaded": true,
"type": "company",
"id": "1014"
},
{
"status": 1,
"terminated": "",
"finanses": {
"Employees": ""
},
"loaded": true,
"type": "company",
"id": "1015"
},
{
"status": 1,
"terminated": "",
"finanses": {
"Employees": ""
},
"loaded": true,
"type": "company",
"id": "1016"
},
{
"status": 1,
"terminated": "",
"finanses": [],
"loaded": true,
"type": "company",
"id": "986"
},
{
"status": 1,
"terminated": "",
"finanses": [],
"loaded": true,
"type": "company",
"id": "1017"
},
{
"loaded": true,
"type": "person",
"id": "1044"
},
{
"status": 3,
"terminated": "",
"finanses": {
"Employees": "35",
"Employees_prev": "46",
"Turnover_prev": "1856951"
},
"loaded": true,
"type": "company",
"id": "1045"
},
{
"status": 1,
"terminated": "",
"finanses": {
"Employees": ""
},
"loaded": true,
"type": "company",
"id": "444"
},
{
"status": 1,
"terminated": "",
"finanses": {
"Employees": "4",
"Employees_prev": "7",
"Turnover_prev": "498377"
},
"loaded": true,
"type": "company",
"id": "1171"
},
{
"loaded": true,
"type": "person",
"id": "1166"
},
{
"loaded": true,
"type": "person",
"id": "1167"
},
{
"loaded": true,
"type": "person",
"id": "1175"
},
{
"loaded": true,
"type": "person",
"id": "1885"
},
{
"status": 1,
"finanses": [],
"loaded": true,
"type": "company",
"id": "138"
},
{
"loaded": true,
"type": "person",
"id": "2554"
},
{
"loaded": true,
"type": "person",
"id": "976"
},
{
"status": 1,
"terminated": "",
"finanses": {
"Employees": "1",
"Turnover_prev": "414036"
},
"loaded": true,
"type": "company",
"id": "1032"
},
{
"loaded": true,
"type": "person",
"id": "1048"
},
{
"loaded": true,
"type": "person",
"id": "1050"
},
{
"loaded": true,
"type": "person",
"id": "1051"
},
{
"loaded": true,
"type": "person",
"id": "1000"
},
{
"loaded": true,
"type": "person",
"id": "1056"
},
{
"loaded": true,
"type": "person",
"id": "1060"
},
{
"loaded": true,
"type": "person",
"id": "1061"
},
{
"status": 1,
"terminated": "",
"finanses": {
"Employees": "3",
"Employees_prev": "1",
"Turnover_prev": ""
},
"loaded": true,
"type": "company",
"id": "1121"
},
{
"status": 1,
"terminated": "",
"finanses": {
"Employees": "39",
"Employees_prev": "37",
"Turnover_prev": "1606554"
},
"loaded": true,
"type": "company",
"id": "1122"
}
],
"links": [
{
"from": "1886",
"to": "1370",
"shares_perc": 0.66666666666667,
"start": "1181768400000",
"end": null,
"type": "share",
"id": "492"
},
{
"from": "1886",
"to": "3119",
"shares_perc": 1,
"start": "1262124000000",
"end": null,
"type": "share",
"id": "971"
},
{
"from": "1886",
"to": "3120",
"shares_perc": 0.5,
"start": "1188162000000",
"end": null,
"type": "share",
"id": "972"
},
{
"end": null,
"to": "3121",
"start": "1339362000000",
"from": "1886",
"type": "position",
"id": "973"
},
{
"end": null,
"to": "1372",
"start": "1366578000000",
"from": "1886",
"type": "position",
"id": "975"
},
{
"from": "1174",
"to": "1370",
"shares_perc": 0.33333333333333,
"start": "1099605600000",
"end": null,
"type": "share",
"id": "262"
},
{
"end": null,
"to": "1370",
"start": "1349816400000",
"from": "1887",
"type": "position",
"id": "493"
},
{
"from": "6371",
"to": "3120",
"shares_perc": 0.5,
"start": "1188162000000",
"end": null,
"type": "share",
"id": "2194"
},
{
"end": null,
"to": "3121",
"start": "1339362000000",
"from": "6376",
"type": "position",
"id": "2184"
},
{
"end": null,
"to": "3121",
"start": "1339362000000",
"from": "6377",
"type": "position",
"id": "2185"
},
{
"end": null,
"to": "3121",
"start": "1339362000000",
"from": "6370",
"type": "position",
"id": "2186"
},
{
"end": null,
"to": "3121",
"start": "1339362000000",
"from": "6378",
"type": "position",
"id": "2187"
},
{
"end": null,
"to": "3121",
"start": "1339362000000",
"from": "6369",
"type": "position",
"id": "2188"
},
{
"end": null,
"to": "3121",
"start": "1339362000000",
"from": "6366",
"type": "position",
"id": "2189"
},
{
"end": null,
"to": "1372",
"start": "1328220000000",
"from": "6399",
"type": "position",
"id": "2190"
},
{
"end": null,
"to": "1372",
"start": "1328220000000",
"from": "6400",
"type": "position",
"id": "2191"
},
{
"end": null,
"to": "1372",
"start": "1328220000000",
"from": "6401",
"type": "position",
"id": "2192"
},
{
"end": null,
"to": "1372",
"start": "1366578000000",
"from": "6402",
"type": "position",
"id": "2193"
},
{
"from": "1174",
"to": "1054",
"shares_perc": 0.075,
"start": "1218488400000",
"end": null,
"type": "share",
"id": "138"
},
{
"from": "1174",
"to": "1371",
"shares_perc": 0.20833333333333,
"start": "1181077200000",
"end": null,
"type": "share",
"id": "263"
},
{
"end": null,
"to": "4461",
"start": "1368478800000",
"from": "6371",
"type": "position",
"id": "3047"
},
{
"from": "6371",
"to": "43",
"shares_perc": 0.33333333333333,
"start": "1074204000000",
"end": null,
"type": "share",
"id": "4351"
},
{
"from": "6371",
"to": "11822",
"shares_perc": 0.1,
"start": "1364335200000",
"end": null,
"type": "share",
"id": "4352"
},
{
"from": "6371",
"to": "142",
"shares_perc": 1,
"start": "1292536800000",
"end": null,
"type": "share",
"id": "4353"
},
{
"from": "6371",
"to": "131",
"shares_perc": 0.2,
"start": "1335214800000",
"end": null,
"type": "share",
"id": "4354"
},
{
"from": "6371",
"to": "92",
"shares_perc": 1,
"start": "1076018400000",
"end": null,
"type": "share",
"id": "4355"
},
{
"from": "6371",
"to": "139",
"shares_perc": 1,
"start": "1284066000000",
"end": null,
"type": "share",
"id": "4356"
},
{
"from": "6371",
"to": "44",
"shares_perc": 0.35,
"start": "1097182800000",
"end": null,
"type": "share",
"id": "4357"
},
{
"end": null,
"to": "11823",
"start": "1365627600000",
"from": "6371",
"type": "position",
"id": "4358"
},
{
"from": "6376",
"to": "135",
"shares_perc": 1,
"start": "1268863200000",
"end": null,
"type": "share",
"id": "4267"
},
{
"end": null,
"to": "11583",
"start": "1349989200000",
"from": "6376",
"type": "position",
"id": "4268"
},
{
"from": "6377",
"to": "100",
"shares_perc": 1,
"start": "1108418400000",
"end": null,
"type": "share",
"id": "4270"
},
{
"end": null,
"to": "17",
"start": "859842000000",
"from": "6377",
"type": "position",
"id": "4272"
},
{
"from": "6370",
"to": "11622",
"shares_perc": 1,
"start": "1357682400000",
"end": null,
"type": "share",
"id": "4285"
},
{
"from": "6378",
"to": "423",
"shares_perc": 0.058823529411765,
"start": "919720800000",
"end": null,
"type": "share",
"id": "4287"
},
{
"from": "6378",
"to": "227",
"shares_perc": 0.42857142857143,
"start": "1102456800000",
"end": null,
"type": "share",
"id": "4288"
},
{
"from": "6369",
"to": "49",
"shares_perc": 1,
"start": "1162245600000",
"end": null,
"type": "share",
"id": "4290"
},
{
"from": "6369",
"to": "20",
"shares_perc": 0.6,
"start": "1149541200000",
"end": null,
"type": "share",
"id": "4291"
},
{
"from": "6369",
"to": "40",
"shares_perc": 0.49,
"start": "1316725200000",
"end": null,
"type": "share",
"id": "4292"
},
{
"from": "6369",
"to": "58",
"shares_perc": 1,
"start": "1293487200000",
"end": null,
"type": "share",
"id": "4293"
},
{
"from": "6369",
"to": "76",
"shares_perc": 0.2,
"start": "1283202000000",
"end": null,
"type": "share",
"id": "4294"
},
{
"end": null,
"to": "11623",
"start": "1341867600000",
"from": "6369",
"type": "position",
"id": "4295"
},
{
"from": "6366",
"to": "143",
"shares_perc": 1,
"start": "1294869600000",
"end": null,
"type": "share",
"id": "4300"
},
{
"from": "6399",
"to": "586",
"shares_perc": 0.5,
"start": "1268863200000",
"end": null,
"type": "share",
"id": "4302"
},
{
"from": "6399",
"to": "11625",
"shares_perc": 0.7,
"start": "1144270800000",
"end": null,
"type": "share",
"id": "4303"
},
{
"end": null,
"to": "11626",
"start": "1370811600000",
"from": "6400",
"type": "position",
"id": "4306"
},
{
"end": null,
"to": "11627",
"start": "1334869200000",
"from": "6400",
"type": "position",
"id": "4307"
},
{
"end": null,
"to": "11820",
"start": "1259704800000",
"from": "6402",
"type": "position",
"id": "4349"
},
{
"end": null,
"to": "11821",
"start": "1353621600000",
"from": "6402",
"type": "position",
"id": "4350"
},
{
"from": "988",
"to": "1054",
"shares_perc": 0.275,
"start": "1218488400000",
"end": null,
"type": "share",
"id": "79"
},
{
"from": "1172",
"to": "1054",
"shares_perc": 0.51,
"start": "1218488400000",
"end": null,
"type": "share",
"id": "136"
},
{
"from": "1173",
"to": "1054",
"shares_perc": 0.14,
"start": "1218488400000",
"end": null,
"type": "share",
"id": "137"
},
{
"from": "1889",
"to": "1371",
"shares_perc": 0.58333333333333,
"start": "1181077200000",
"end": null,
"type": "share",
"id": "494"
},
{
"from": "1890",
"to": "1371",
"shares_perc": 0.20833333333333,
"start": "1181077200000",
"end": null,
"type": "share",
"id": "495"
},
{
"end": null,
"to": "4461",
"start": "1368478800000",
"from": "2553",
"type": "position",
"id": "1472"
},
{
"end": null,
"to": "4461",
"start": "1368478800000",
"from": "8017",
"type": "position",
"id": "3042"
},
{
"end": null,
"to": "4461",
"start": "1368478800000",
"from": "8022",
"type": "position",
"id": "3043"
},
{
"end": null,
"to": "4461",
"start": "1368478800000",
"from": "8032",
"type": "position",
"id": "3044"
},
{
"end": null,
"to": "4461",
"start": "1368478800000",
"from": "8019",
"type": "position",
"id": "3045"
},
{
"end": null,
"to": "4461",
"start": "1368478800000",
"from": "8033",
"type": "position",
"id": "3046"
},
{
"end": null,
"to": "988",
"start": "1216155600000",
"from": "991",
"type": "position",
"id": "50"
},
{
"from": "988",
"to": "442",
"shares_perc": 0.33,
"start": "1220389200000",
"end": null,
"type": "share",
"id": "72"
},
{
"end": null,
"to": "988",
"start": "1283806800000",
"from": "1052",
"type": "position",
"id": "77"
},
{
"from": "988",
"to": "1053",
"shares_perc": 0.33,
"start": "1224536400000",
"end": null,
"type": "share",
"id": "78"
},
{
"from": "988",
"to": "1055",
"shares_perc": 1,
"start": "1248296400000",
"end": null,
"type": "share",
"id": "80"
},
{
"from": "1172",
"to": "1360",
"shares_perc": 1,
"start": "1286312400000",
"end": null,
"type": "share",
"id": "255"
},
{
"end": null,
"to": "1365",
"start": "1347483600000",
"from": "1172",
"type": "position",
"id": "256"
},
{
"end": null,
"to": "492",
"start": "1248296400000",
"from": "1173",
"type": "position",
"id": "266"
},
{
"from": "1890",
"to": "3115",
"shares_perc": 1,
"start": "1306702800000",
"end": null,
"type": "share",
"id": "966"
},
{
"from": "2553",
"to": "1705",
"shares_perc": 0.95,
"start": "1099260000000",
"end": null,
"type": "share",
"id": "673"
},
{
"from": "2553",
"to": "3635",
"shares_perc": 1,
"start": "1299621600000",
"end": null,
"type": "share",
"id": "1470"
},
{
"from": "2553",
"to": "4458",
"shares_perc": 1,
"start": "1324936800000",
"end": null,
"type": "share",
"id": "1471"
},
{
"end": null,
"to": "987",
"start": "1179090000000",
"from": "991",
"type": "position",
"id": "31"
},
{
"from": "991",
"to": "1014",
"shares_perc": 0.5,
"start": "1143666000000",
"end": null,
"type": "share",
"id": "45"
},
{
"end": null,
"to": "442",
"start": "1284584400000",
"from": "991",
"type": "position",
"id": "46"
},
{
"end": null,
"to": "1015",
"start": "1099951200000",
"from": "991",
"type": "position",
"id": "47"
},
{
"end": null,
"to": "1016",
"start": "1116795600000",
"from": "991",
"type": "position",
"id": "48"
},
{
"end": null,
"to": "986",
"start": "1179090000000",
"from": "991",
"type": "position",
"id": "49"
},
{
"end": null,
"to": "1017",
"start": "1247691600000",
"from": "991",
"type": "position",
"id": "52"
},
{
"from": "1044",
"to": "442",
"shares_perc": 0.34,
"start": "1220389200000",
"end": null,
"type": "share",
"id": "70"
},
{
"from": "1045",
"to": "442",
"shares_perc": 0.33,
"start": "1220389200000",
"end": null,
"type": "share",
"id": "71"
},
{
"from": "1052",
"to": "444",
"shares_perc": 1,
"start": "1216328400000",
"end": null,
"type": "share",
"id": "134"
},
{
"from": "1052",
"to": "1171",
"shares_perc": 0.3,
"start": "1168984800000",
"end": null,
"type": "share",
"id": "135"
},
{
"from": "1166",
"to": "1053",
"shares_perc": 0.34,
"start": "1224536400000",
"end": null,
"type": "share",
"id": "130"
},
{
"from": "1167",
"to": "1053",
"shares_perc": 0.33,
"start": "1224536400000",
"end": null,
"type": "share",
"id": "131"
},
{
"end": null,
"to": "1365",
"start": "1347483600000",
"from": "1175",
"type": "position",
"id": "490"
},
{
"end": null,
"to": "1365",
"start": "1347483600000",
"from": "1885",
"type": "position",
"id": "491"
},
{
"from": "1705",
"to": "138",
"shares_perc": 0.04,
"start": "1285707600000",
"end": null,
"type": "share",
"id": "371"
},
{
"from": "2554",
"to": "1705",
"shares_perc": 0.05,
"start": "1099260000000",
"end": null,
"type": "share",
"id": "674"
},
{
"end": null,
"to": "987",
"start": "1179090000000",
"from": "976",
"type": "position",
"id": "26"
},
{
"from": "1032",
"to": "1014",
"shares_perc": 0.5,
"start": "1143666000000",
"end": null,
"type": "share",
"id": "63"
},
{
"end": null,
"to": "1015",
"start": "1198015200000",
"from": "1048",
"type": "position",
"id": "73"
},
{
"end": null,
"to": "1016",
"start": "1116795600000",
"from": "1050",
"type": "position",
"id": "74"
},
{
"end": null,
"to": "1016",
"start": "1116795600000",
"from": "1051",
"type": "position",
"id": "75"
},
{
"end": null,
"to": "986",
"start": "1179090000000",
"from": "1000",
"type": "position",
"id": "76"
},
{
"from": "1056",
"to": "1017",
"shares_perc": 1,
"start": "1279573200000",
"end": null,
"type": "share",
"id": "81"
},
{
"end": null,
"to": "1017",
"start": "1247691600000",
"from": "1060",
"type": "position",
"id": "83"
},
{
"end": null,
"to": "1017",
"start": "1247691600000",
"from": "1061",
"type": "position",
"id": "84"
},
{
"from": "1044",
"to": "1121",
"shares_perc": 0.5,
"start": "1256767200000",
"end": null,
"type": "share",
"id": "102"
},
{
"end": null,
"to": "1122",
"start": "1248037200000",
"from": "1044",
"type": "position",
"id": "103"
}
]
}