Back

Network Graph - big data network

Big data network graph with 5220 nodes and 6047 links, showcasing the NetChart's capability to visualize even extremely large datasets. If a node marker has small lines, it means that clicking on it will reveal additional nodes that are initially hidden.

Documentation Open in JSFiddle
Start Free Trial Purchase

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.json" },
        navigation: {
            mode: "focusnodes",
            initialNodes: ["1886"],
            focusNodeExpansionRadius: 12
        },
        interaction: {
            resizing: { enabled: false },
            zooming: {
                zoomExtent: [0.01, 2],
                autoZoomExtent: [0.01, 1]
            }
        },
        style: {
            linkHovered: {
                shadowBlur: 0,
                shadowColor: "transparent"
            },
            link: {
                fillColor: "rgba(86,185,247,0.8)"
            },
            nodeHovered: {
                fillColor: "rgba(47,195,47,0.8)",
                shadowBlur: 0,
                shadowColor: "transparent"
            },
            nodeExpanded: {
                shadowBlur: 0,
                shadowColor: "transparent"
            },
            node: {
                shadowBlur: 0,
                shadowColor: "transparent"
            },
            nodeFocused: {
                shadowBlur: 0,
                shadowColor: "transparent"
            },
            nodeSelected: {
                fillColor: "rgba(47,195,47,0.8)",
                shadowBlur: 0,
                shadowColor: "transparent"
            },
            selection: {
                shadowBlur: 0,
                shadowColor: "transparent"
            }

        }
    });

Data

Data 
//Data too large to output
Download Data