Grouped network chart - Grouped Network chart

Grouped Network chart

keyboard_arrow_leftGo back
Open in JSFiddle
JavaScript
chart= new NetChart({
    "navigation": {
        "focusNodeExpansionRadius": 2,
        "initialNodes": [
            "m-1"
        ],
        "mode": "focusnodes"
    },
    "style": {
        "node": {
            "display": "image",
            "lineWidth": 2,
            "lineColor": "#2fc32f",
            "imageCropping": true
        },
        "nodeStyleFunction": function(node) {
node.aura = node.data.auras;
node.image = "https://zoomcharts.com/dvsl/data/net-chart/friend-net/"+node.id+".png";
node.label = node.data.name;
}
    },
    "auras": {
        "cellSize": 10,
        "overlap": true,
        "enabled": true,
        "defaultStyle": {
            "showInLegend": true,
            "shadowBlur": 35
        }
    },
    "container": "demo",
    "data": [
        {
            "url": "\/data\/friend-net-auras.json"
        }
    ],
    "toolbar": {
        "fullscreen": true,
        "enabled": true
    },
    "interaction": {
        "resizing": {
            "enabled": false
        }
    }
})
HTML
      <script src="https://cdn.zoomcharts-cloud.com/1/latest/zoomcharts.js"></script>
      <div id="demo"></div>
Data