Search

Hierarchical Dependencies

Filtering

Use dependency analysis to find relations in hierarchies.

Hierarchical Dependencies
View live example →

Many networks are hierarchical in nature. Such networks can be identified by the nature of their links, e.g. a network of company employees will indicate 'who reports to whom'. With a complex network it can be difficult to establish these relations and it's helpful to be able to automate analysis.

The chart shows a network of people and companies. People may own one or more companies, and companies may control or be controlled by other companies.

The demo code uses some simple functions to find nodes to which there is a path from the selected node, and then applies a sequential layout to the returned items.

Key functions used:

import KeyLines from "keylines";
import { chartData } from "./data.js";

// declaring global vars
let chart;

function getOrientation() {
  const selection = chart.selection();
  if (selection.length > 0) {
    const item = chart.getItem(selection[0]);
    if (item.type === "node" && item.d.type === "person") {
      return "down";
    }
  }
  return "up";
}

function findConnected(ids) {
  // merge all the distances: we do not care about metrics here, but only if a node is reachable
  let items = [];
  const list = chart.getItem(ids);

  list.forEach((item) => {
    if (item.type === "node") {
      const direction = item.d.type === "company" ? "to" : "from";
      // merge results
      items = items.concat(Object.keys(chart.graph().distances(item.id, { direction })));
    }
  });

  return items;
}

async function filterConnected(id) {
  chart.lock(true);
  const ids = [id, ...chart.selection()];
  const items = findConnected(ids);
  await chart.filter((item) => items.includes(item.id), { type: "node" });
  await chart.layout("sequential", { top: ids, orientation: getOrientation() });
  chart.lock(false);
}

async function restoreAndShowAll() {
  chart.lock(true);
  chart.selection([]);
  await chart.filter(() => true, { time: 500 });
  chart.layout("organic", { consistent: true, tightness: 2 });
  await chart.zoom("fit", { time: 500, animate: true });
  chart.lock(false);
}

function onClick({ id }) {
  const item = chart.getItem(id);
  if (item && item.type === "node") {
    filterConnected(id);
  }
}

function onDoubleclick({ id, preventDefault }) {
  const item = chart.getItem(id);
  if (item === null) {
    restoreAndShowAll();
  }
  // disable zoom
  preventDefault();
}

async function startKeyLines() {
  const imageAlignment = {
    "fas fa-user": { dy: -10 },
    "fas fa-building": { dy: 2, e: 0.9 },
  };

  const options = {
    logo: { u: "/images/Logo.png" },
    linkEnds: { avoidLabels: false },
    iconFontFamily: "Font Awesome 5 Free",
    imageAlignment,
    hover: 5,
    handMode: true,
  };
  chart = await KeyLines.create({ container: "klchart", options });

  chart.on("click", onClick);
  chart.on("double-click", onDoubleclick);

  chart.load(chartData);
  await chart.zoom("fit");
  chart.layout("organic", { consistent: true, tightness: 2 });
}

function loadKeyLines() {
  document.fonts.load('24px "Font Awesome 5 Free"').then(startKeyLines);
}

window.addEventListener("DOMContentLoaded", loadKeyLines);
import KeyLines from "keylines";
export const chartData = {
  type: "LinkChart",
  items: [
    {
      type: "node",
      id: "Person 18",
      t: "Person 18",
      c: "#17ad56",
      fi: {
        t: "fas fa-user",
        c: "white",
      },
      d: {
        type: "person",
      },
    },
    {
      type: "node",
      id: "Person 11",
      t: "Person 11",
      c: "#17ad56",
      fi: {
        t: "fas fa-user",
        c: "white",
      },
      d: {
        type: "person",
      },
    },
    {
      type: "node",
      id: "Person 1",
      t: "Person 1",
      c: "#17ad56",
      fi: {
        t: "fas fa-user",
        c: "white",
      },
      d: {
        type: "person",
      },
    },
    {
      type: "node",
      id: "Person 13",
      t: "Person 13",
      c: "#17ad56",
      fi: {
        t: "fas fa-user",
        c: "white",
      },
      d: {
        type: "person",
      },
    },
    {
      type: "node",
      id: "Person 17",
      t: "Person 17",
      c: "#17ad56",
      fi: {
        t: "fas fa-user",
        c: "white",
      },
      d: {
        type: "person",
      },
    },
    {
      type: "node",
      id: "Person 10",
      t: "Person 10",
      c: "#17ad56",
      fi: {
        t: "fas fa-user",
        c: "white",
      },
      d: {
        type: "person",
      },
    },
    {
      type: "node",
      id: "Person 6",
      t: "Person 6",
      c: "#17ad56",
      fi: {
        t: "fas fa-user",
        c: "white",
      },
      d: {
        type: "person",
      },
    },
    {
      type: "node",
      id: "Person 3",
      t: "Person 3",
      c: "#17ad56",
      fi: {
        t: "fas fa-user",
        c: "white",
      },
      d: {
        type: "person",
      },
    },
    {
      type: "node",
      id: "Person 2",
      t: "Person 2",
      c: "#17ad56",
      fi: {
        t: "fas fa-user",
        c: "white",
      },
      d: {
        type: "person",
      },
    },
    {
      type: "node",
      id: "Person 12",
      t: "Person 12",
      c: "#17ad56",
      fi: {
        t: "fas fa-user",
        c: "white",
      },
      d: {
        type: "person",
      },
    },
    {
      type: "node",
      id: "Person 4",
      t: "Person 4",
      c: "#17ad56",
      fi: {
        t: "fas fa-user",
        c: "white",
      },
      d: {
        type: "person",
      },
    },
    {
      type: "node",
      id: "Person 15",
      t: "Person 15",
      c: "#17ad56",
      fi: {
        t: "fas fa-user",
        c: "white",
      },
      d: {
        type: "person",
      },
    },
    {
      type: "node",
      id: "Person 5",
      t: "Person 5",
      c: "#17ad56",
      fi: {
        t: "fas fa-user",
        c: "white",
      },
      d: {
        type: "person",
      },
    },
    {
      type: "node",
      id: "Person 16",
      t: "Person 16",
      c: "#17ad56",
      fi: {
        t: "fas fa-user",
        c: "white",
      },
      d: {
        type: "person",
      },
    },
    {
      type: "node",
      id: "Person 9",
      t: "Person 9",
      c: "#17ad56",
      fi: {
        t: "fas fa-user",
        c: "white",
      },
      d: {
        type: "person",
      },
    },
    {
      type: "node",
      id: "Person 19",
      t: "Person 19",
      c: "#17ad56",
      fi: {
        t: "fas fa-user",
        c: "white",
      },
      d: {
        type: "person",
      },
    },
    {
      type: "node",
      id: "Person 7",
      t: "Person 7",
      c: "#17ad56",
      fi: {
        t: "fas fa-user",
        c: "white",
      },
      d: {
        type: "person",
      },
    },
    {
      type: "node",
      id: "Person 20",
      t: "Person 20",
      c: "#17ad56",
      fi: {
        t: "fas fa-user",
        c: "white",
      },
      d: {
        type: "person",
      },
    },
    {
      type: "node",
      id: "Person 8",
      t: "Person 8",
      c: "#17ad56",
      fi: {
        t: "fas fa-user",
        c: "white",
      },
      d: {
        type: "person",
      },
    },
    {
      type: "node",
      id: "Person 14",
      t: "Person 14",
      c: "#17ad56",
      fi: {
        t: "fas fa-user",
        c: "white",
      },
      d: {
        type: "person",
      },
    },
    {
      type: "node",
      id: "Company 93",
      t: "Company 93",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 54",
      t: "Company 54",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 44",
      t: "Company 44",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 2",
      t: "Company 2",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 15",
      t: "Company 15",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 7",
      t: "Company 7",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 23",
      t: "Company 23",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 18",
      t: "Company 18",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 47",
      t: "Company 47",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 61",
      t: "Company 61",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 49",
      t: "Company 49",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 89",
      t: "Company 89",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 90",
      t: "Company 90",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 13",
      t: "Company 13",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 4",
      t: "Company 4",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 17",
      t: "Company 17",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 36",
      t: "Company 36",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 82",
      t: "Company 82",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 80",
      t: "Company 80",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 20",
      t: "Company 20",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 6",
      t: "Company 6",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 8",
      t: "Company 8",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 9",
      t: "Company 9",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 59",
      t: "Company 59",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 37",
      t: "Company 37",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 51",
      t: "Company 51",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 38",
      t: "Company 38",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 28",
      t: "Company 28",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 39",
      t: "Company 39",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 96",
      t: "Company 96",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 58",
      t: "Company 58",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 86",
      t: "Company 86",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 64",
      t: "Company 64",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 56",
      t: "Company 56",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 19",
      t: "Company 19",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 14",
      t: "Company 14",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 32",
      t: "Company 32",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 46",
      t: "Company 46",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 52",
      t: "Company 52",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 67",
      t: "Company 67",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 98",
      t: "Company 98",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 21",
      t: "Company 21",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 66",
      t: "Company 66",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 42",
      t: "Company 42",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 55",
      t: "Company 55",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 92",
      t: "Company 92",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 88",
      t: "Company 88",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 99",
      t: "Company 99",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 41",
      t: "Company 41",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 72",
      t: "Company 72",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 53",
      t: "Company 53",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 5",
      t: "Company 5",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 97",
      t: "Company 97",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 83",
      t: "Company 83",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 84",
      t: "Company 84",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 87",
      t: "Company 87",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 10",
      t: "Company 10",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 78",
      t: "Company 78",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 11",
      t: "Company 11",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 31",
      t: "Company 31",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 70",
      t: "Company 70",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 33",
      t: "Company 33",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 69",
      t: "Company 69",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 30",
      t: "Company 30",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 77",
      t: "Company 77",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 50",
      t: "Company 50",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 45",
      t: "Company 45",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 24",
      t: "Company 24",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 1",
      t: "Company 1",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 79",
      t: "Company 79",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 3",
      t: "Company 3",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 27",
      t: "Company 27",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 91",
      t: "Company 91",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 74",
      t: "Company 74",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 76",
      t: "Company 76",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 25",
      t: "Company 25",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 60",
      t: "Company 60",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 35",
      t: "Company 35",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 81",
      t: "Company 81",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 75",
      t: "Company 75",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 62",
      t: "Company 62",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 71",
      t: "Company 71",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 95",
      t: "Company 95",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 43",
      t: "Company 43",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 63",
      t: "Company 63",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 57",
      t: "Company 57",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 48",
      t: "Company 48",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 29",
      t: "Company 29",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 22",
      t: "Company 22",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 73",
      t: "Company 73",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 100",
      t: "Company 100",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 68",
      t: "Company 68",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 94",
      t: "Company 94",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 26",
      t: "Company 26",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 40",
      t: "Company 40",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 12",
      t: "Company 12",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 65",
      t: "Company 65",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 16",
      t: "Company 16",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 34",
      t: "Company 34",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "node",
      id: "Company 85",
      t: "Company 85",
      c: "#03b1fc",
      fi: {
        t: "fas fa-building",
        c: "white",
      },
      d: {
        type: "company",
      },
    },
    {
      type: "link",
      id: "Person 18-Company 93",
      id1: "Person 18",
      id2: "Company 93",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 11-Company 54",
      id1: "Person 11",
      id2: "Company 54",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 1-Company 44",
      id1: "Person 1",
      id2: "Company 44",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 13-Company 2",
      id1: "Person 13",
      id2: "Company 2",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 17-Company 15",
      id1: "Person 17",
      id2: "Company 15",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 10-Company 7",
      id1: "Person 10",
      id2: "Company 7",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 6-Company 23",
      id1: "Person 6",
      id2: "Company 23",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 3-Company 18",
      id1: "Person 3",
      id2: "Company 18",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 2-Company 47",
      id1: "Person 2",
      id2: "Company 47",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 12-Company 61",
      id1: "Person 12",
      id2: "Company 61",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 12-Company 49",
      id1: "Person 12",
      id2: "Company 49",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 4-Company 89",
      id1: "Person 4",
      id2: "Company 89",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 15-Company 90",
      id1: "Person 15",
      id2: "Company 90",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 3-Company 13",
      id1: "Person 3",
      id2: "Company 13",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 10-Company 4",
      id1: "Person 10",
      id2: "Company 4",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 5-Company 17",
      id1: "Person 5",
      id2: "Company 17",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 6-Company 36",
      id1: "Person 6",
      id2: "Company 36",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 16-Company 82",
      id1: "Person 16",
      id2: "Company 82",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 4-Company 80",
      id1: "Person 4",
      id2: "Company 80",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 9-Company 20",
      id1: "Person 9",
      id2: "Company 20",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 11-Company 6",
      id1: "Person 11",
      id2: "Company 6",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 5-Company 8",
      id1: "Person 5",
      id2: "Company 8",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 15-Company 9",
      id1: "Person 15",
      id2: "Company 9",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 19-Company 59",
      id1: "Person 19",
      id2: "Company 59",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 18-Company 37",
      id1: "Person 18",
      id2: "Company 37",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 18-Company 51",
      id1: "Person 18",
      id2: "Company 51",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 13-Company 38",
      id1: "Person 13",
      id2: "Company 38",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 9-Company 28",
      id1: "Person 9",
      id2: "Company 28",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 6-Company 39",
      id1: "Person 6",
      id2: "Company 39",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 6-Company 96",
      id1: "Person 6",
      id2: "Company 96",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 11-Company 58",
      id1: "Person 11",
      id2: "Company 58",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 1-Company 86",
      id1: "Person 1",
      id2: "Company 86",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 16-Company 64",
      id1: "Person 16",
      id2: "Company 64",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 7-Company 56",
      id1: "Person 7",
      id2: "Company 56",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 4-Company 19",
      id1: "Person 4",
      id2: "Company 19",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 2-Company 14",
      id1: "Person 2",
      id2: "Company 14",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 3-Company 32",
      id1: "Person 3",
      id2: "Company 32",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 9-Company 46",
      id1: "Person 9",
      id2: "Company 46",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 13-Company 52",
      id1: "Person 13",
      id2: "Company 52",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 7-Company 67",
      id1: "Person 7",
      id2: "Company 67",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 13-Company 98",
      id1: "Person 13",
      id2: "Company 98",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 20-Company 21",
      id1: "Person 20",
      id2: "Company 21",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 1-Company 66",
      id1: "Person 1",
      id2: "Company 66",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 20-Company 42",
      id1: "Person 20",
      id2: "Company 42",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 4-Company 55",
      id1: "Person 4",
      id2: "Company 55",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 2-Company 92",
      id1: "Person 2",
      id2: "Company 92",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 8-Company 88",
      id1: "Person 8",
      id2: "Company 88",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 6-Company 99",
      id1: "Person 6",
      id2: "Company 99",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 19-Company 41",
      id1: "Person 19",
      id2: "Company 41",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 10-Company 72",
      id1: "Person 10",
      id2: "Company 72",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 14-Company 53",
      id1: "Person 14",
      id2: "Company 53",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 11-Company 5",
      id1: "Person 11",
      id2: "Company 5",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 11-Company 97",
      id1: "Person 11",
      id2: "Company 97",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 11-Company 83",
      id1: "Person 11",
      id2: "Company 83",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 10-Company 84",
      id1: "Person 10",
      id2: "Company 84",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 13-Company 87",
      id1: "Person 13",
      id2: "Company 87",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 9-Company 10",
      id1: "Person 9",
      id2: "Company 10",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 8-Company 78",
      id1: "Person 8",
      id2: "Company 78",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 6-Company 11",
      id1: "Person 6",
      id2: "Company 11",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 15-Company 31",
      id1: "Person 15",
      id2: "Company 31",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 14-Company 70",
      id1: "Person 14",
      id2: "Company 70",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 3-Company 33",
      id1: "Person 3",
      id2: "Company 33",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 11-Company 69",
      id1: "Person 11",
      id2: "Company 69",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 7-Company 30",
      id1: "Person 7",
      id2: "Company 30",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 5-Company 77",
      id1: "Person 5",
      id2: "Company 77",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 10-Company 50",
      id1: "Person 10",
      id2: "Company 50",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 11-Company 45",
      id1: "Person 11",
      id2: "Company 45",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 9-Company 24",
      id1: "Person 9",
      id2: "Company 24",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 19-Company 1",
      id1: "Person 19",
      id2: "Company 1",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 17-Company 79",
      id1: "Person 17",
      id2: "Company 79",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 5-Company 3",
      id1: "Person 5",
      id2: "Company 3",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 13-Company 27",
      id1: "Person 13",
      id2: "Company 27",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 9-Company 91",
      id1: "Person 9",
      id2: "Company 91",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 16-Company 74",
      id1: "Person 16",
      id2: "Company 74",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 19-Company 76",
      id1: "Person 19",
      id2: "Company 76",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 14-Company 25",
      id1: "Person 14",
      id2: "Company 25",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 3-Company 60",
      id1: "Person 3",
      id2: "Company 60",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 12-Company 35",
      id1: "Person 12",
      id2: "Company 35",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 13-Company 81",
      id1: "Person 13",
      id2: "Company 81",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 12-Company 75",
      id1: "Person 12",
      id2: "Company 75",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 11-Company 62",
      id1: "Person 11",
      id2: "Company 62",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 12-Company 71",
      id1: "Person 12",
      id2: "Company 71",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 14-Company 95",
      id1: "Person 14",
      id2: "Company 95",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 1-Company 43",
      id1: "Person 1",
      id2: "Company 43",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 15-Company 63",
      id1: "Person 15",
      id2: "Company 63",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 5-Company 57",
      id1: "Person 5",
      id2: "Company 57",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 13-Company 48",
      id1: "Person 13",
      id2: "Company 48",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 13-Company 29",
      id1: "Person 13",
      id2: "Company 29",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 2-Company 22",
      id1: "Person 2",
      id2: "Company 22",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 1-Company 73",
      id1: "Person 1",
      id2: "Company 73",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 11-Company 100",
      id1: "Person 11",
      id2: "Company 100",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 16-Company 68",
      id1: "Person 16",
      id2: "Company 68",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 14-Company 94",
      id1: "Person 14",
      id2: "Company 94",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 2-Company 26",
      id1: "Person 2",
      id2: "Company 26",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 13-Company 40",
      id1: "Person 13",
      id2: "Company 40",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 11-Company 12",
      id1: "Person 11",
      id2: "Company 12",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 20-Company 65",
      id1: "Person 20",
      id2: "Company 65",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 4-Company 16",
      id1: "Person 4",
      id2: "Company 16",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 5-Company 34",
      id1: "Person 5",
      id2: "Company 34",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Person 7-Company 85",
      id1: "Person 7",
      id2: "Company 85",
      t: "owns",
      c: "#17ad56",
      c2: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 85-Company 74",
      id1: "Company 85",
      id2: "Company 74",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 34-Company 49",
      id1: "Company 34",
      id2: "Company 49",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 16-Company 51",
      id1: "Company 16",
      id2: "Company 51",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 42-Company 36",
      id1: "Company 42",
      id2: "Company 36",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 98-Company 67",
      id1: "Company 98",
      id2: "Company 67",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 4-Company 48",
      id1: "Company 4",
      id2: "Company 48",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 64-Company 1",
      id1: "Company 64",
      id2: "Company 1",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 45-Company 50",
      id1: "Company 45",
      id2: "Company 50",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 93-Company 8",
      id1: "Company 93",
      id2: "Company 8",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 5-Company 89",
      id1: "Company 5",
      id2: "Company 89",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 13-Company 23",
      id1: "Company 13",
      id2: "Company 23",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 37-Company 39",
      id1: "Company 37",
      id2: "Company 39",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 35-Company 83",
      id1: "Company 35",
      id2: "Company 83",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 12-Company 27",
      id1: "Company 12",
      id2: "Company 27",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 87-Company 38",
      id1: "Company 87",
      id2: "Company 38",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 52-Company 79",
      id1: "Company 52",
      id2: "Company 79",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 14-Company 3",
      id1: "Company 14",
      id2: "Company 3",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 32-Company 53",
      id1: "Company 32",
      id2: "Company 53",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 46-Company 76",
      id1: "Company 46",
      id2: "Company 76",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 98-Company 93",
      id1: "Company 98",
      id2: "Company 93",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 95-Company 45",
      id1: "Company 95",
      id2: "Company 45",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 57-Company 75",
      id1: "Company 57",
      id2: "Company 75",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 35-Company 62",
      id1: "Company 35",
      id2: "Company 62",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 94-Company 84",
      id1: "Company 94",
      id2: "Company 84",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 42-Company 90",
      id1: "Company 42",
      id2: "Company 90",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 72-Company 70",
      id1: "Company 72",
      id2: "Company 70",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 83-Company 60",
      id1: "Company 83",
      id2: "Company 60",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 79-Company 32",
      id1: "Company 79",
      id2: "Company 32",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 19-Company 59",
      id1: "Company 19",
      id2: "Company 59",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 16-Company 100",
      id1: "Company 16",
      id2: "Company 100",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 4-Company 81",
      id1: "Company 4",
      id2: "Company 81",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 17-Company 20",
      id1: "Company 17",
      id2: "Company 20",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 40-Company 95",
      id1: "Company 40",
      id2: "Company 95",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 72-Company 56",
      id1: "Company 72",
      id2: "Company 56",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 81-Company 46",
      id1: "Company 81",
      id2: "Company 46",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 21-Company 33",
      id1: "Company 21",
      id2: "Company 33",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 48-Company 28",
      id1: "Company 48",
      id2: "Company 28",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 54-Company 6",
      id1: "Company 54",
      id2: "Company 6",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 83-Company 69",
      id1: "Company 83",
      id2: "Company 69",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 72-Company 98",
      id1: "Company 72",
      id2: "Company 98",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 94-Company 87",
      id1: "Company 94",
      id2: "Company 87",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 21-Company 22",
      id1: "Company 21",
      id2: "Company 22",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 23-Company 37",
      id1: "Company 23",
      id2: "Company 37",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 95-Company 17",
      id1: "Company 95",
      id2: "Company 17",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 96-Company 44",
      id1: "Company 96",
      id2: "Company 44",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 66-Company 5",
      id1: "Company 66",
      id2: "Company 5",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 86-Company 57",
      id1: "Company 86",
      id2: "Company 57",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 19-Company 26",
      id1: "Company 19",
      id2: "Company 26",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 81-Company 65",
      id1: "Company 81",
      id2: "Company 65",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 73-Company 99",
      id1: "Company 73",
      id2: "Company 99",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 96-Company 43",
      id1: "Company 96",
      id2: "Company 43",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 60-Company 54",
      id1: "Company 60",
      id2: "Company 54",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 48-Company 94",
      id1: "Company 48",
      id2: "Company 94",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 60-Company 68",
      id1: "Company 60",
      id2: "Company 68",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 73-Company 41",
      id1: "Company 73",
      id2: "Company 41",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 17-Company 18",
      id1: "Company 17",
      id2: "Company 18",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 64-Company 19",
      id1: "Company 64",
      id2: "Company 19",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 81-Company 13",
      id1: "Company 81",
      id2: "Company 13",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 42-Company 91",
      id1: "Company 42",
      id2: "Company 91",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 6-Company 72",
      id1: "Company 6",
      id2: "Company 72",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 78-Company 15",
      id1: "Company 78",
      id2: "Company 15",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 8-Company 88",
      id1: "Company 8",
      id2: "Company 88",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 97-Company 78",
      id1: "Company 97",
      id2: "Company 78",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 82-Company 35",
      id1: "Company 82",
      id2: "Company 35",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 78-Company 92",
      id1: "Company 78",
      id2: "Company 92",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 46-Company 82",
      id1: "Company 46",
      id2: "Company 82",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 13-Company 47",
      id1: "Company 13",
      id2: "Company 47",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 100-Company 7",
      id1: "Company 100",
      id2: "Company 7",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 73-Company 4",
      id1: "Company 73",
      id2: "Company 4",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 73-Company 97",
      id1: "Company 73",
      id2: "Company 97",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 75-Company 30",
      id1: "Company 75",
      id2: "Company 30",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 50-Company 64",
      id1: "Company 50",
      id2: "Company 64",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 77-Company 34",
      id1: "Company 77",
      id2: "Company 34",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 6-Company 58",
      id1: "Company 6",
      id2: "Company 58",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 26-Company 31",
      id1: "Company 26",
      id2: "Company 31",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 93-Company 80",
      id1: "Company 93",
      id2: "Company 80",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 99-Company 73",
      id1: "Company 99",
      id2: "Company 73",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 2-Company 55",
      id1: "Company 2",
      id2: "Company 55",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 43-Company 42",
      id1: "Company 43",
      id2: "Company 42",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 78-Company 12",
      id1: "Company 78",
      id2: "Company 12",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 94-Company 86",
      id1: "Company 94",
      id2: "Company 86",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 31-Company 9",
      id1: "Company 31",
      id2: "Company 9",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 92-Company 29",
      id1: "Company 92",
      id2: "Company 29",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 33-Company 14",
      id1: "Company 33",
      id2: "Company 14",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 43-Company 10",
      id1: "Company 43",
      id2: "Company 10",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 77-Company 85",
      id1: "Company 77",
      id2: "Company 85",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 6-Company 16",
      id1: "Company 6",
      id2: "Company 16",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 47-Company 25",
      id1: "Company 47",
      id2: "Company 25",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 44-Company 52",
      id1: "Company 44",
      id2: "Company 52",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 15-Company 71",
      id1: "Company 15",
      id2: "Company 71",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 16-Company 24",
      id1: "Company 16",
      id2: "Company 24",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 94-Company 61",
      id1: "Company 94",
      id2: "Company 61",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 81-Company 96",
      id1: "Company 81",
      id2: "Company 96",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 15-Company 77",
      id1: "Company 15",
      id2: "Company 77",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 14-Company 66",
      id1: "Company 14",
      id2: "Company 66",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 8-Company 21",
      id1: "Company 8",
      id2: "Company 21",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 1-Company 11",
      id1: "Company 1",
      id2: "Company 11",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 86-Company 2",
      id1: "Company 86",
      id2: "Company 2",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 96-Company 40",
      id1: "Company 96",
      id2: "Company 40",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
    {
      type: "link",
      id: "Company 53-Company 63",
      id1: "Company 53",
      id2: "Company 63",
      t: "controls",
      c: "#03b1fc",
      w: 4,
      a2: true,
    },
  ],
};
<!doctype html>
<html lang="en" style="background-color: #2d383f">
  <head>
    <meta charset="utf-8" />
    <title>Hierarchical Dependencies</title>
    <link rel="stylesheet" type="text/css" href="@ci/theme/kl/css/keylines.css" />
    <link rel="stylesheet" type="text/css" href="@ci/theme/kl/css/minimalsdk.css" />
    <link rel="stylesheet" type="text/css" href="@ci/theme/kl/css/sdk-layout.css" />
    <link rel="stylesheet" type="text/css" href="@ci/theme/kl/css/demo.css" />
    <link
      rel="stylesheet"
      type="text/css"
      href="@fortawesome/[email protected]/css/fontawesome.css"
    />
    <link
      rel="stylesheet"
      type="text/css"
      href="@fortawesome/[email protected]/css/solid.css"
    />
  </head>
  <body>
    <div id="klchart" class="klchart"></div>
    <script type="module" src="./code.js"></script>
  </body>
</html>

Terms of use

These terms do not alter or supersede any existing agreements between you (or your employer) and us.

By accessing or using any Content you agree to be bound by these Terms of Use. Please review these terms carefully before using the website.

The contents of this website, including but not limited to any text, code samples, API references, schemas, interactive tools, and other materials (collectively, the 'Content'), are made available for informational and internal evaluation purposes only. All intellectual property rights in the Content are reserved. No licence is granted to use the Content for any commercial purpose, or to copy, distribute, modify, reverse-engineer, or incorporate any part of the Content into any product or service, without our prior written consent.

This Content is provided “as is” and “as available,” without any representations, warranties, or guarantees of any kind, whether express or implied, including but not limited to implied warranties of merchantability, fitness for a particular purpose, non-infringement, or accuracy. To the fullest extent permitted by applicable law, we expressly exclude and disclaim all implied warranties, conditions, and other terms that might otherwise be implied.

We disclaim all liability for any loss or damage, whether direct, indirect, incidental, consequential, or otherwise, arising from any reliance placed on the Content or from your use of it, to the fullest extent permitted by applicable law. By continuing to access or use the Content, you acknowledge and agree to these terms.