const Graph = ForceGraph3D()
    .nodeId('asn')
    .nodeVal('customerConeSize')
    .linkSource('src')
    .linkTarget('dst')
    .nodeAutoColorBy('country')
    .warmupTicks(200)
    .cooldownTicks(0) // Don't animate-in, jump to final state
    .nodeRelSize(1)
    .linkOpacity(0.07)
    .forceEngine('ngraph')
    (document.getElementById("3d-graph"));

loadData('internet-topology-subset.json'); // Init

//

function useFull() {
    Graph.linkOpacity(0.03)
        .nodeResolution(3);

    loadData('internet-topology-full.json');
}

function loadData(url) {
    fetch(url).then(r => r.json()).then(data => {
        data.ases.forEach(as => { as.name = `AS${as.asn} - ${as.orgName} (${as.country})` }); // Add label

        Graph.graphData({
            nodes: data.ases,
            links: data.relationships
        });
    });
}