Visualising tiered data can be problematic as it often consists of many levels, which may each also contain a high volume of items. This could result in an extremely wide chart that makes it difficult to gain any valuable insights from the high level structure.
The stacking option for sequential layout offers a solution. By setting its arrange property to 'grid', groups of four or more nodes with identical connections are stacked to significantly reduce the amount of space required to display the full chart width.
For data visualised as multiple disconnected components sequential can pack the individual components using any available packing option.
Key functions used:
import KeyLines from "keylines";
import { data } from "./data.js";
let chart;
const optionsDiv = document.querySelector(".cicontent");
const inputs = optionsDiv && optionsDiv.querySelectorAll('input[type="radio"]');
function runLayout() {
const stacking = document.querySelector('input[name="multi-row-grid"]:checked').value;
const packing = document.querySelector('input[name="packing"]:checked').value;
const stretchType = document.querySelector('input[name="stretchType"]:checked').value;
const layoutOpts = {
stacking: {
arrange: stacking,
},
stretchType,
packing,
linkShape: "curved",
};
chart.layout("sequential", layoutOpts);
}
function initChart() {
chart.load(data);
runLayout();
}
async function startKeyLines() {
const options = {
handMode: true,
minZoom: 0.001,
};
chart = await KeyLines.create({ container: "klchart", options });
initChart();
inputs.forEach((input) => {
input.addEventListener("change", runLayout);
});
}
window.addEventListener("DOMContentLoaded", startKeyLines);export const data = {
type: "LinkChart",
items: [
{
type: "link",
id: "link618",
id1: "node5",
id2: "node338",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link619",
id1: "node338",
id2: "node339",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link620",
id1: "node338",
id2: "node340",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link621",
id1: "node338",
id2: "node341",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link622",
id1: "node338",
id2: "node342",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link623",
id1: "node338",
id2: "node343",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link624",
id1: "node338",
id2: "node344",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link625",
id1: "node338",
id2: "node345",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link626",
id1: "node338",
id2: "node346",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link627",
id1: "node338",
id2: "node347",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link648",
id1: "node5",
id2: "node368",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link649",
id1: "node5",
id2: "node369",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link650",
id1: "node5",
id2: "node370",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link651",
id1: "node5",
id2: "node371",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link652",
id1: "node5",
id2: "node372",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link653",
id1: "node5",
id2: "node373",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link654",
id1: "node5",
id2: "node374",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link655",
id1: "node5",
id2: "node375",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link656",
id1: "node5",
id2: "node376",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link657",
id1: "node5",
id2: "node377",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link658",
id1: "node5",
id2: "node378",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link659",
id1: "node5",
id2: "node379",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link660",
id1: "node5",
id2: "node380",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link661",
id1: "node5",
id2: "node381",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link662",
id1: "node5",
id2: "node382",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link663",
id1: "node5",
id2: "node383",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link664",
id1: "node5",
id2: "node384",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link665",
id1: "node5",
id2: "node385",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link666",
id1: "node5",
id2: "node386",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link667",
id1: "node5",
id2: "node387",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link668",
id1: "node5",
id2: "node388",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link669",
id1: "node5",
id2: "node389",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link670",
id1: "node5",
id2: "node390",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link671",
id1: "node5",
id2: "node391",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link672",
id1: "node5",
id2: "node392",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link673",
id1: "node5",
id2: "node393",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link674",
id1: "node5",
id2: "node394",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link675",
id1: "node5",
id2: "node395",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link676",
id1: "node5",
id2: "node396",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link677",
id1: "node5",
id2: "node397",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link678",
id1: "node5",
id2: "node398",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link679",
id1: "node5",
id2: "node399",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link680",
id1: "node5",
id2: "node400",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link681",
id1: "node10",
id2: "node388",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link682",
id1: "node5",
id2: "node401",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link683",
id1: "node5",
id2: "node402",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link684",
id1: "node5",
id2: "node403",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link685",
id1: "node5",
id2: "node404",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link686",
id1: "node5",
id2: "node405",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link687",
id1: "node5",
id2: "node406",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link688",
id1: "node5",
id2: "node407",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link704",
id1: "node5",
id2: "node423",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link705",
id1: "node5",
id2: "node424",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link706",
id1: "node5",
id2: "node425",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link707",
id1: "node5",
id2: "node426",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link708",
id1: "node5",
id2: "node427",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link709",
id1: "node5",
id2: "node428",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link710",
id1: "node5",
id2: "node429",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link711",
id1: "node5",
id2: "node430",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link712",
id1: "node5",
id2: "node431",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link713",
id1: "node5",
id2: "node432",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link714",
id1: "node5",
id2: "node433",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link715",
id1: "node5",
id2: "node4171",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link716",
id1: "node5",
id2: "node434",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link717",
id1: "node5",
id2: "node435",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link718",
id1: "node5",
id2: "node436",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link719",
id1: "node5",
id2: "node437",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link720",
id1: "node5",
id2: "node438",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link721",
id1: "node5",
id2: "node439",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link722",
id1: "node5",
id2: "node440",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link723",
id1: "node5",
id2: "node441",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link724",
id1: "node5",
id2: "node442",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link93",
id1: "node3872",
id2: "node110",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link97",
id1: "node3872",
id2: "node114",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link101",
id1: "node3872",
id2: "node118",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link105",
id1: "node3872",
id2: "node122",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link109",
id1: "node3872",
id2: "node3876",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link113",
id1: "node3872",
id2: "node3878",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link117",
id1: "node3872",
id2: "node132",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link121",
id1: "node3872",
id2: "node136",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link125",
id1: "node139",
id2: "node140",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link147",
id1: "node171",
id2: "node174",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link156",
id1: "node171",
id2: "node3898",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link160",
id1: "node171",
id2: "node3902",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link257",
id1: "node32",
id2: "node300",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link261",
id1: "node3907",
id2: "node3910",
off: 0,
c: "#42BAC8",
c2: "#048170",
},
{
type: "link",
id: "link265",
id1: "node3910",
id2: "node3913",
off: 0,
c: "#048170",
c2: "#00423e",
},
{
type: "link",
id: "link269",
id1: "node3508",
id2: "node3916",
off: 0,
c: "#048170",
c2: "#00423e",
},
{
type: "link",
id: "link273",
id1: "node3917",
id2: "node3919",
off: 0,
c: "#048170",
c2: "#00423e",
},
{
type: "link",
id: "link277",
id1: "node3908",
id2: "node3500",
off: 0,
c: "#42BAC8",
c2: "#048170",
},
{
type: "link",
id: "link281",
id1: "node3909",
id2: "node3921",
off: 0,
c: "#42BAC8",
c2: "#048170",
},
{
type: "link",
id: "link285",
id1: "node32",
id2: "node3923",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link289",
id1: "node32",
id2: "node3927",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link293",
id1: "node32",
id2: "node3931",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link330",
id1: "node3944",
id2: "node3945",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link334",
id1: "node3944",
id2: "node3949",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link362",
id1: "node491",
id2: "node492",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link366",
id1: "node6",
id2: "node497",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link370",
id1: "node6",
id2: "node501",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link374",
id1: "node6",
id2: "node471",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link378",
id1: "node1810",
id2: "node1811",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link750",
id1: "node6",
id2: "node468",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link754",
id1: "node471",
id2: "node476",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link758",
id1: "node476",
id2: "node481",
off: 0,
c: "#42BAC8",
c2: "#048170",
},
{
type: "link",
id: "link972",
id1: "node4173",
id2: "node721",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link976",
id1: "node4173",
id2: "node725",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link980",
id1: "node4173",
id2: "node729",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link984",
id1: "node4173",
id2: "node733",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link988",
id1: "node4173",
id2: "node737",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link992",
id1: "node4173",
id2: "node741",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link996",
id1: "node4173",
id2: "node745",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link92",
id1: "node3872",
id2: "node109",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link100",
id1: "node3872",
id2: "node117",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link108",
id1: "node3872",
id2: "node125",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link116",
id1: "node129",
id2: "node131",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link124",
id1: "node3872",
id2: "node139",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link150",
id1: "node171",
id2: "node3894",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link256",
id1: "node4172",
id2: "node32",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link264",
id1: "node3910",
id2: "node3912",
off: 0,
c: "#048170",
c2: "#00423e",
},
{
type: "link",
id: "link272",
id1: "node3917",
id2: "node3918",
off: 0,
c: "#048170",
c2: "#00423e",
},
{
type: "link",
id: "link280",
id1: "node3909",
id2: "node305",
off: 0,
c: "#42BAC8",
c2: "#048170",
},
{
type: "link",
id: "link288",
id1: "node32",
id2: "node3926",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link296",
id1: "node32",
id2: "node3934",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link361",
id1: "node2785",
id2: "node485",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link369",
id1: "node6",
id2: "node500",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link377",
id1: "node471",
id2: "node474",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link753",
id1: "node471",
id2: "node475",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link761",
id1: "node33",
id2: "node171",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link979",
id1: "node4173",
id2: "node728",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link987",
id1: "node4173",
id2: "node736",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link995",
id1: "node4173",
id2: "node744",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link94",
id1: "node3872",
id2: "node111",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link110",
id1: "node3872",
id2: "node127",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link126",
id1: "node139",
id2: "node141",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link258",
id1: "node32",
id2: "node3907",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link274",
id1: "node3908",
id2: "node303",
off: 0,
c: "#42BAC8",
c2: "#048170",
},
{
type: "link",
id: "link290",
id1: "node32",
id2: "node3928",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link363",
id1: "node491",
id2: "node493",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link421",
id1: "node3992",
id2: "node3979",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link973",
id1: "node4173",
id2: "node722",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link989",
id1: "node4173",
id2: "node738",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link98",
id1: "node3872",
id2: "node115",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link148",
id1: "node171",
id2: "node173",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link278",
id1: "node3909",
id2: "node3506",
off: 0,
c: "#42BAC8",
c2: "#048170",
},
{
type: "link",
id: "link367",
id1: "node6",
id2: "node498",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link977",
id1: "node4173",
id2: "node726",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link90",
id1: "node3872",
id2: "node107",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link270",
id1: "node3908",
id2: "node299",
off: 0,
c: "#42BAC8",
c2: "#048170",
},
{
type: "link",
id: "link759",
id1: "node471",
id2: "node483",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link375",
id1: "node1611",
id2: "node471",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link106",
id1: "node3872",
id2: "node123",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link95",
id1: "node3872",
id2: "node112",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link103",
id1: "node3872",
id2: "node120",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link111",
id1: "node3872",
id2: "node128",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link119",
id1: "node3872",
id2: "node134",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link127",
id1: "node139",
id2: "node142",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link158",
id1: "node171",
id2: "node3900",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link259",
id1: "node32",
id2: "node3908",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link267",
id1: "node3508",
id2: "node3914",
off: 0,
c: "#048170",
c2: "#00423e",
},
{
type: "link",
id: "link275",
id1: "node3908",
id2: "node301",
off: 0,
c: "#42BAC8",
c2: "#048170",
},
{
type: "link",
id: "link283",
id1: "node3909",
id2: "node3509",
off: 0,
c: "#42BAC8",
c2: "#048170",
},
{
type: "link",
id: "link291",
id1: "node32",
id2: "node3929",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link332",
id1: "node3944",
id2: "node3947",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link364",
id1: "node491",
id2: "node494",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link372",
id1: "node6",
id2: "node504",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link748",
id1: "node6",
id2: "node466",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link756",
id1: "node476",
id2: "node478",
off: 0,
c: "#42BAC8",
c2: "#048170",
},
{
type: "link",
id: "link974",
id1: "node4173",
id2: "node723",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link982",
id1: "node4173",
id2: "node731",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link990",
id1: "node4173",
id2: "node739",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link998",
id1: "node4173",
id2: "node747",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link104",
id1: "node3872",
id2: "node121",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link120",
id1: "node3872",
id2: "node135",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link159",
id1: "node171",
id2: "node3901",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link268",
id1: "node3508",
id2: "node3915",
off: 0,
c: "#048170",
c2: "#00423e",
},
{
type: "link",
id: "link284",
id1: "node32",
id2: "node3922",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link333",
id1: "node3944",
id2: "node3948",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link373",
id1: "node6",
id2: "node505",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link757",
id1: "node476",
id2: "node479",
off: 0,
c: "#42BAC8",
c2: "#048170",
},
{
type: "link",
id: "link983",
id1: "node4173",
id2: "node732",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link999",
id1: "node4173",
id2: "node748",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link118",
id1: "node3872",
id2: "node133",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link266",
id1: "node3907",
id2: "node3508",
off: 0,
c: "#42BAC8",
c2: "#048170",
},
{
type: "link",
id: "link331",
id1: "node3944",
id2: "node3946",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link755",
id1: "node476",
id2: "node477",
off: 0,
c: "#42BAC8",
c2: "#048170",
},
{
type: "link",
id: "link997",
id1: "node4173",
id2: "node746",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link262",
id1: "node3907",
id2: "node3501",
off: 0,
c: "#42BAC8",
c2: "#048170",
},
{
type: "link",
id: "link751",
id1: "node6",
id2: "node469",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link122",
id1: "node3872",
id2: "node137",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link175",
id1: "node163",
id2: "node334",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link985",
id1: "node4173",
id2: "node734",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link99",
id1: "node3872",
id2: "node116",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link115",
id1: "node129",
id2: "node130",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link149",
id1: "node171",
id2: "node3893",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link263",
id1: "node3910",
id2: "node3911",
off: 0,
c: "#048170",
c2: "#00423e",
},
{
type: "link",
id: "link279",
id1: "node3909",
id2: "node3507",
off: 0,
c: "#42BAC8",
c2: "#048170",
},
{
type: "link",
id: "link295",
id1: "node32",
id2: "node3933",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link368",
id1: "node6",
id2: "node499",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link752",
id1: "node6",
id2: "node470",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link978",
id1: "node4173",
id2: "node727",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link994",
id1: "node4173",
id2: "node743",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link112",
id1: "node3872",
id2: "node3877",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link260",
id1: "node32",
id2: "node3909",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link292",
id1: "node32",
id2: "node3930",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link749",
id1: "node6",
id2: "node467",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link991",
id1: "node4173",
id2: "node740",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link157",
id1: "node171",
id2: "node3899",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link371",
id1: "node6",
id2: "node502",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link114",
id1: "node3872",
id2: "node129",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link993",
id1: "node4173",
id2: "node742",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link286",
id1: "node32",
id2: "node3924",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link107",
id1: "node3872",
id2: "node3875",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link230",
id1: "node32",
id2: "node298",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link287",
id1: "node32",
id2: "node3925",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link376",
id1: "node471",
id2: "node472",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link986",
id1: "node4173",
id2: "node735",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link128",
id1: "node3872",
id2: "node143",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link365",
id1: "node6",
id2: "node495",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link102",
id1: "node3872",
id2: "node119",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link981",
id1: "node4173",
id2: "node730",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link335",
id1: "node3944",
id2: "node3950",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link91",
id1: "node3872",
id2: "node108",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link271",
id1: "node3908",
id2: "node3917",
off: 0,
c: "#42BAC8",
c2: "#048170",
},
{
type: "link",
id: "link760",
id1: "node471",
id2: "node484",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link276",
id1: "node3908",
id2: "node304",
off: 0,
c: "#42BAC8",
c2: "#048170",
},
{
type: "link",
id: "link282",
id1: "node3909",
id2: "node3920",
off: 0,
c: "#42BAC8",
c2: "#048170",
},
{
type: "link",
id: "link360",
id1: "node471",
id2: "node485",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link975",
id1: "node4173",
id2: "node724",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link96",
id1: "node3872",
id2: "node113",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link123",
id1: "node3872",
id2: "node138",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link294",
id1: "node32",
id2: "node3932",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link674new",
id1: "node5new",
id2: "node394new",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link722new",
id1: "node5new",
id2: "node440new",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link723new",
id1: "node5new",
id2: "node441new",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link669new",
id1: "node5new",
id2: "node389new",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link708new",
id1: "node5new",
id2: "node427new",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link628new",
id1: "node5new",
id2: "node348new",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link629new",
id1: "node348new",
id2: "node349new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link631new",
id1: "node348new",
id2: "node351new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link655new",
id1: "node5new",
id2: "node375new",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link704new",
id1: "node5new",
id2: "node423new",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link630new",
id1: "node348new",
id2: "node350new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link632new",
id1: "node5new",
id2: "node352new",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link633new",
id1: "node352new",
id2: "node353new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link634new",
id1: "node352new",
id2: "node354new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link635new",
id1: "node352new",
id2: "node355new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link637new",
id1: "node352new",
id2: "node357new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link638new",
id1: "node352new",
id2: "node358new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link639new",
id1: "node352new",
id2: "node359new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link641new",
id1: "node352new",
id2: "node361new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link642new",
id1: "node352new",
id2: "node362new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link643new",
id1: "node352new",
id2: "node363new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link645new",
id1: "node352new",
id2: "node365new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link646new",
id1: "node352new",
id2: "node366new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link647new",
id1: "node352new",
id2: "node367new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link636new",
id1: "node352new",
id2: "node356new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link640new",
id1: "node352new",
id2: "node360new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link644new",
id1: "node352new",
id2: "node364new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link689new",
id1: "node5new",
id2: "node408new",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link690new",
id1: "node408new",
id2: "node409new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link694new",
id1: "node408new",
id2: "node413new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link698new",
id1: "node408new",
id2: "node417new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link702new",
id1: "node408new",
id2: "node421new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link725new",
id1: "node5new",
id2: "node443new",
off: 0,
c: "#f15d5b",
c2: "#619EF7",
},
{
type: "link",
id: "link691new",
id1: "node408new",
id2: "node410new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link695new",
id1: "node408new",
id2: "node414new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link699new",
id1: "node408new",
id2: "node418new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link703new",
id1: "node408new",
id2: "node422new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link692new",
id1: "node408new",
id2: "node411new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link693new",
id1: "node408new",
id2: "node412new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link696new",
id1: "node408new",
id2: "node415new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link697new",
id1: "node408new",
id2: "node416new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link700new",
id1: "node408new",
id2: "node419new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link701new",
id1: "node408new",
id2: "node420new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link726new",
id1: "node443new",
id2: "node444new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link731new",
id1: "node443new",
id2: "node449new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link736new",
id1: "node443new",
id2: "node454new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link741new",
id1: "node443new",
id2: "node459new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link746new",
id1: "node443new",
id2: "node464new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link727new",
id1: "node443new",
id2: "node445new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link732new",
id1: "node443new",
id2: "node450new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link737new",
id1: "node443new",
id2: "node455new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link742new",
id1: "node443new",
id2: "node460new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link747new",
id1: "node443new",
id2: "node465new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link728new",
id1: "node443new",
id2: "node446new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link733new",
id1: "node443new",
id2: "node451new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link738new",
id1: "node443new",
id2: "node456new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link743new",
id1: "node443new",
id2: "node461new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link729new",
id1: "node443new",
id2: "node447new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link734new",
id1: "node443new",
id2: "node452new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link739new",
id1: "node443new",
id2: "node457new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link744new",
id1: "node443new",
id2: "node462new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link730new",
id1: "node443new",
id2: "node448new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link735new",
id1: "node443new",
id2: "node453new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link740new",
id1: "node443new",
id2: "node458new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "link",
id: "link745new",
id1: "node443new",
id2: "node463new",
off: 0,
c: "#619EF7",
c2: "#42BAC8",
},
{
type: "node",
id: "node5",
c: "#f15d5b",
},
{
type: "node",
id: "node338",
c: "#619EF7",
},
{
type: "node",
id: "node339",
c: "#42BAC8",
},
{
type: "node",
id: "node340",
c: "#42BAC8",
},
{
type: "node",
id: "node341",
c: "#42BAC8",
},
{
type: "node",
id: "node342",
c: "#42BAC8",
},
{
type: "node",
id: "node343",
c: "#42BAC8",
},
{
type: "node",
id: "node344",
c: "#42BAC8",
},
{
type: "node",
id: "node345",
c: "#42BAC8",
},
{
type: "node",
id: "node346",
c: "#42BAC8",
},
{
type: "node",
id: "node347",
c: "#42BAC8",
},
{
type: "node",
id: "node368",
c: "#619EF7",
},
{
type: "node",
id: "node369",
c: "#619EF7",
},
{
type: "node",
id: "node370",
c: "#619EF7",
},
{
type: "node",
id: "node371",
c: "#619EF7",
},
{
type: "node",
id: "node372",
c: "#619EF7",
},
{
type: "node",
id: "node373",
c: "#619EF7",
},
{
type: "node",
id: "node374",
c: "#619EF7",
},
{
type: "node",
id: "node375",
c: "#619EF7",
},
{
type: "node",
id: "node376",
c: "#619EF7",
},
{
type: "node",
id: "node377",
c: "#619EF7",
},
{
type: "node",
id: "node378",
c: "#619EF7",
},
{
type: "node",
id: "node379",
c: "#619EF7",
},
{
type: "node",
id: "node380",
c: "#619EF7",
},
{
type: "node",
id: "node381",
c: "#619EF7",
},
{
type: "node",
id: "node382",
c: "#619EF7",
},
{
type: "node",
id: "node383",
c: "#619EF7",
},
{
type: "node",
id: "node384",
c: "#619EF7",
},
{
type: "node",
id: "node385",
c: "#619EF7",
},
{
type: "node",
id: "node386",
c: "#619EF7",
},
{
type: "node",
id: "node387",
c: "#619EF7",
},
{
type: "node",
id: "node388",
c: "#619EF7",
},
{
type: "node",
id: "node389",
c: "#619EF7",
},
{
type: "node",
id: "node390",
c: "#619EF7",
},
{
type: "node",
id: "node391",
c: "#619EF7",
},
{
type: "node",
id: "node392",
c: "#619EF7",
},
{
type: "node",
id: "node393",
c: "#619EF7",
},
{
type: "node",
id: "node394",
c: "#619EF7",
},
{
type: "node",
id: "node395",
c: "#619EF7",
},
{
type: "node",
id: "node396",
c: "#619EF7",
},
{
type: "node",
id: "node397",
c: "#619EF7",
},
{
type: "node",
id: "node398",
c: "#619EF7",
},
{
type: "node",
id: "node399",
c: "#619EF7",
},
{
type: "node",
id: "node400",
c: "#619EF7",
},
{
type: "node",
id: "node10",
c: "#f15d5b",
},
{
type: "node",
id: "node401",
c: "#619EF7",
},
{
type: "node",
id: "node402",
c: "#619EF7",
},
{
type: "node",
id: "node403",
c: "#619EF7",
},
{
type: "node",
id: "node404",
c: "#619EF7",
},
{
type: "node",
id: "node405",
c: "#619EF7",
},
{
type: "node",
id: "node406",
c: "#619EF7",
},
{
type: "node",
id: "node407",
c: "#619EF7",
},
{
type: "node",
id: "node423",
c: "#619EF7",
},
{
type: "node",
id: "node424",
c: "#619EF7",
},
{
type: "node",
id: "node425",
c: "#619EF7",
},
{
type: "node",
id: "node426",
c: "#619EF7",
},
{
type: "node",
id: "node427",
c: "#619EF7",
},
{
type: "node",
id: "node428",
c: "#619EF7",
},
{
type: "node",
id: "node429",
c: "#619EF7",
},
{
type: "node",
id: "node430",
c: "#619EF7",
},
{
type: "node",
id: "node431",
c: "#619EF7",
},
{
type: "node",
id: "node432",
c: "#619EF7",
},
{
type: "node",
id: "node433",
c: "#619EF7",
},
{
type: "node",
id: "node4171",
c: "#619EF7",
},
{
type: "node",
id: "node434",
c: "#619EF7",
},
{
type: "node",
id: "node435",
c: "#619EF7",
},
{
type: "node",
id: "node436",
c: "#619EF7",
},
{
type: "node",
id: "node437",
c: "#619EF7",
},
{
type: "node",
id: "node438",
c: "#619EF7",
},
{
type: "node",
id: "node439",
c: "#619EF7",
},
{
type: "node",
id: "node440",
c: "#619EF7",
},
{
type: "node",
id: "node441",
c: "#619EF7",
},
{
type: "node",
id: "node442",
c: "#619EF7",
},
{
type: "node",
id: "node3872",
c: "#f15d5b",
},
{
type: "node",
id: "node110",
c: "#619EF7",
},
{
type: "node",
id: "node114",
c: "#619EF7",
},
{
type: "node",
id: "node118",
c: "#619EF7",
},
{
type: "node",
id: "node122",
c: "#619EF7",
},
{
type: "node",
id: "node3876",
c: "#619EF7",
},
{
type: "node",
id: "node3878",
c: "#619EF7",
},
{
type: "node",
id: "node132",
c: "#619EF7",
},
{
type: "node",
id: "node136",
c: "#619EF7",
},
{
type: "node",
id: "node140",
c: "#42BAC8",
},
{
type: "node",
id: "node171",
c: "#619EF7",
},
{
type: "node",
id: "node3894",
c: "#42BAC8",
},
{
type: "node",
id: "node3901",
c: "#42BAC8",
},
{
type: "node",
id: "node32",
c: "#619EF7",
},
{
type: "node",
id: "node3907",
c: "#42BAC8",
},
{
type: "node",
id: "node3501",
c: "#048170",
},
{
type: "node",
id: "node3508",
c: "#048170",
},
{
type: "node",
id: "node299",
c: "#048170",
},
{
type: "node",
id: "node303",
c: "#048170",
},
{
type: "node",
id: "node3506",
c: "#048170",
},
{
type: "node",
id: "node3920",
c: "#048170",
},
{
type: "node",
id: "node3924",
c: "#42BAC8",
},
{
type: "node",
id: "node3928",
c: "#42BAC8",
},
{
type: "node",
id: "node3932",
c: "#42BAC8",
},
{
type: "node",
id: "node3945",
c: "#619EF7",
},
{
type: "node",
id: "node3949",
c: "#619EF7",
},
{
type: "node",
id: "node2785",
c: "#619EF7",
},
{
type: "node",
id: "node494",
c: "#619EF7",
},
{
type: "node",
id: "node498",
c: "#619EF7",
},
{
type: "node",
id: "node502",
c: "#619EF7",
},
{
type: "node",
id: "node472",
c: "#42BAC8",
},
{
type: "node",
id: "node3992",
c: "#f15d5b",
},
{
type: "node",
id: "node468",
c: "#619EF7",
},
{
type: "node",
id: "node476",
c: "#42BAC8",
},
{
type: "node",
id: "node481",
c: "#048170",
},
{
type: "node",
id: "node4173",
c: "#f15d5b",
},
{
type: "node",
id: "node724",
c: "#619EF7",
},
{
type: "node",
id: "node728",
c: "#619EF7",
},
{
type: "node",
id: "node732",
c: "#619EF7",
},
{
type: "node",
id: "node736",
c: "#619EF7",
},
{
type: "node",
id: "node740",
c: "#619EF7",
},
{
type: "node",
id: "node744",
c: "#619EF7",
},
{
type: "node",
id: "node748",
c: "#619EF7",
},
{
type: "node",
id: "node113",
c: "#619EF7",
},
{
type: "node",
id: "node121",
c: "#619EF7",
},
{
type: "node",
id: "node3877",
c: "#619EF7",
},
{
type: "node",
id: "node135",
c: "#619EF7",
},
{
type: "node",
id: "node143",
c: "#619EF7",
},
{
type: "node",
id: "node3900",
c: "#42BAC8",
},
{
type: "node",
id: "node300",
c: "#42BAC8",
},
{
type: "node",
id: "node3913",
c: "#00423e",
},
{
type: "node",
id: "node3919",
c: "#00423e",
},
{
type: "node",
id: "node3921",
c: "#048170",
},
{
type: "node",
id: "node3927",
c: "#42BAC8",
},
{
type: "node",
id: "node3944",
c: "#f15d5b",
},
{
type: "node",
id: "node485",
c: "#42BAC8",
},
{
type: "node",
id: "node497",
c: "#619EF7",
},
{
type: "node",
id: "node1611",
c: "#f15d5b",
},
{
type: "node",
id: "node467",
c: "#619EF7",
},
{
type: "node",
id: "node479",
c: "#048170",
},
{
type: "node",
id: "node723",
c: "#619EF7",
},
{
type: "node",
id: "node731",
c: "#619EF7",
},
{
type: "node",
id: "node739",
c: "#619EF7",
},
{
type: "node",
id: "node747",
c: "#619EF7",
},
{
type: "node",
id: "node119",
c: "#619EF7",
},
{
type: "node",
id: "node133",
c: "#619EF7",
},
{
type: "node",
id: "node3898",
c: "#42BAC8",
},
{
type: "node",
id: "node3911",
c: "#00423e",
},
{
type: "node",
id: "node3507",
c: "#048170",
},
{
type: "node",
id: "node3933",
c: "#42BAC8",
},
{
type: "node",
id: "node6",
c: "#f15d5b",
},
{
type: "node",
id: "node3979",
c: "#619EF7",
},
{
type: "node",
id: "node721",
c: "#619EF7",
},
{
type: "node",
id: "node737",
c: "#619EF7",
},
{
type: "node",
id: "node115",
c: "#619EF7",
},
{
type: "node",
id: "node174",
c: "#42BAC8",
},
{
type: "node",
id: "node301",
c: "#048170",
},
{
type: "node",
id: "node491",
c: "#f15d5b",
},
{
type: "node",
id: "node483",
c: "#42BAC8",
},
{
type: "node",
id: "node107",
c: "#619EF7",
},
{
type: "node",
id: "node3914",
c: "#00423e",
},
{
type: "node",
id: "node469",
c: "#619EF7",
},
{
type: "node",
id: "node123",
c: "#619EF7",
},
{
type: "node",
id: "node725",
c: "#619EF7",
},
{
type: "node",
id: "node499",
c: "#619EF7",
},
{
type: "node",
id: "node112",
c: "#619EF7",
},
{
type: "node",
id: "node120",
c: "#619EF7",
},
{
type: "node",
id: "node128",
c: "#619EF7",
},
{
type: "node",
id: "node134",
c: "#619EF7",
},
{
type: "node",
id: "node142",
c: "#42BAC8",
},
{
type: "node",
id: "node3899",
c: "#42BAC8",
},
{
type: "node",
id: "node4172",
c: "#f15d5b",
},
{
type: "node",
id: "node3912",
c: "#00423e",
},
{
type: "node",
id: "node3918",
c: "#00423e",
},
{
type: "node",
id: "node305",
c: "#048170",
},
{
type: "node",
id: "node3926",
c: "#42BAC8",
},
{
type: "node",
id: "node3934",
c: "#42BAC8",
},
{
type: "node",
id: "node471",
c: "#619EF7",
},
{
type: "node",
id: "node495",
c: "#619EF7",
},
{
type: "node",
id: "node505",
c: "#619EF7",
},
{
type: "node",
id: "node466",
c: "#619EF7",
},
{
type: "node",
id: "node478",
c: "#048170",
},
{
type: "node",
id: "node722",
c: "#619EF7",
},
{
type: "node",
id: "node730",
c: "#619EF7",
},
{
type: "node",
id: "node738",
c: "#619EF7",
},
{
type: "node",
id: "node746",
c: "#619EF7",
},
{
type: "node",
id: "node117",
c: "#619EF7",
},
{
type: "node",
id: "node131",
c: "#42BAC8",
},
{
type: "node",
id: "node3893",
c: "#42BAC8",
},
{
type: "node",
id: "node3910",
c: "#048170",
},
{
type: "node",
id: "node3500",
c: "#048170",
},
{
type: "node",
id: "node3931",
c: "#42BAC8",
},
{
type: "node",
id: "node493",
c: "#619EF7",
},
{
type: "node",
id: "node1811",
c: "#619EF7",
},
{
type: "node",
id: "node33",
c: "#f15d5b",
},
{
type: "node",
id: "node735",
c: "#619EF7",
},
{
type: "node",
id: "node111",
c: "#619EF7",
},
{
type: "node",
id: "node141",
c: "#42BAC8",
},
{
type: "node",
id: "node3917",
c: "#048170",
},
{
type: "node",
id: "node3950",
c: "#619EF7",
},
{
type: "node",
id: "node477",
c: "#048170",
},
{
type: "node",
id: "node745",
c: "#619EF7",
},
{
type: "node",
id: "node3908",
c: "#42BAC8",
},
{
type: "node",
id: "node474",
c: "#42BAC8",
},
{
type: "node",
id: "node137",
c: "#619EF7",
},
{
type: "node",
id: "node741",
c: "#619EF7",
},
{
type: "node",
id: "node3902",
c: "#42BAC8",
},
{
type: "node",
id: "node116",
c: "#619EF7",
},
{
type: "node",
id: "node130",
c: "#42BAC8",
},
{
type: "node",
id: "node173",
c: "#42BAC8",
},
{
type: "node",
id: "node3909",
c: "#42BAC8",
},
{
type: "node",
id: "node304",
c: "#048170",
},
{
type: "node",
id: "node3930",
c: "#42BAC8",
},
{
type: "node",
id: "node492",
c: "#619EF7",
},
{
type: "node",
id: "node1810",
c: "#f15d5b",
},
{
type: "node",
id: "node484",
c: "#42BAC8",
},
{
type: "node",
id: "node734",
c: "#619EF7",
},
{
type: "node",
id: "node109",
c: "#619EF7",
},
{
type: "node",
id: "node139",
c: "#619EF7",
},
{
type: "node",
id: "node3916",
c: "#00423e",
},
{
type: "node",
id: "node3948",
c: "#619EF7",
},
{
type: "node",
id: "node475",
c: "#42BAC8",
},
{
type: "node",
id: "node743",
c: "#619EF7",
},
{
type: "node",
id: "node298",
c: "#42BAC8",
},
{
type: "node",
id: "node504",
c: "#619EF7",
},
{
type: "node",
id: "node129",
c: "#619EF7",
},
{
type: "node",
id: "node733",
c: "#619EF7",
},
{
type: "node",
id: "node3509",
c: "#048170",
},
{
type: "node",
id: "node3875",
c: "#619EF7",
},
{
type: "node",
id: "node163",
c: "#f15d5b",
},
{
type: "node",
id: "node3922",
c: "#42BAC8",
},
{
type: "node",
id: "node500",
c: "#619EF7",
},
{
type: "node",
id: "node726",
c: "#619EF7",
},
{
type: "node",
id: "node125",
c: "#619EF7",
},
{
type: "node",
id: "node3923",
c: "#42BAC8",
},
{
type: "node",
id: "node727",
c: "#619EF7",
},
{
type: "node",
id: "node3925",
c: "#42BAC8",
},
{
type: "node",
id: "node3929",
c: "#42BAC8",
},
{
type: "node",
id: "node108",
c: "#619EF7",
},
{
type: "node",
id: "node3915",
c: "#00423e",
},
{
type: "node",
id: "node470",
c: "#619EF7",
},
{
type: "node",
id: "node334",
c: "#619EF7",
},
{
type: "node",
id: "node127",
c: "#619EF7",
},
{
type: "node",
id: "node3946",
c: "#619EF7",
},
{
type: "node",
id: "node138",
c: "#619EF7",
},
{
type: "node",
id: "node742",
c: "#619EF7",
},
{
type: "node",
id: "node729",
c: "#619EF7",
},
{
type: "node",
id: "node3947",
c: "#619EF7",
},
{
type: "node",
id: "node501",
c: "#619EF7",
},
{
type: "node",
id: "node389new",
c: "#619EF7",
},
{
type: "node",
id: "node394new",
c: "#619EF7",
},
{
type: "node",
id: "node5new",
c: "#f15d5b",
},
{
type: "node",
id: "node348new",
c: "#619EF7",
},
{
type: "node",
id: "node375new",
c: "#619EF7",
},
{
type: "node",
id: "node423new",
c: "#619EF7",
},
{
type: "node",
id: "node427new",
c: "#619EF7",
},
{
type: "node",
id: "node349new",
c: "#42BAC8",
},
{
type: "node",
id: "node350new",
c: "#42BAC8",
},
{
type: "node",
id: "node352new",
c: "#619EF7",
},
{
type: "node",
id: "node353new",
c: "#42BAC8",
},
{
type: "node",
id: "node354new",
c: "#42BAC8",
},
{
type: "node",
id: "node440new",
c: "#619EF7",
},
{
type: "node",
id: "node441new",
c: "#619EF7",
},
{
type: "node",
id: "node351new",
c: "#42BAC8",
},
{
type: "node",
id: "node355new",
c: "#42BAC8",
},
{
type: "node",
id: "node356new",
c: "#42BAC8",
},
{
type: "node",
id: "node357new",
c: "#42BAC8",
},
{
type: "node",
id: "node358new",
c: "#42BAC8",
},
{
type: "node",
id: "node359new",
c: "#42BAC8",
},
{
type: "node",
id: "node360new",
c: "#42BAC8",
},
{
type: "node",
id: "node361new",
c: "#42BAC8",
},
{
type: "node",
id: "node362new",
c: "#42BAC8",
},
{
type: "node",
id: "node363new",
c: "#42BAC8",
},
{
type: "node",
id: "node364new",
c: "#42BAC8",
},
{
type: "node",
id: "node409new",
c: "#42BAC8",
},
{
type: "node",
id: "node413new",
c: "#42BAC8",
},
{
type: "node",
id: "node417new",
c: "#42BAC8",
},
{
type: "node",
id: "node408new",
c: "#619EF7",
},
{
type: "node",
id: "node410new",
c: "#42BAC8",
},
{
type: "node",
id: "node414new",
c: "#42BAC8",
},
{
type: "node",
id: "node418new",
c: "#42BAC8",
},
{
type: "node",
id: "node365new",
c: "#42BAC8",
},
{
type: "node",
id: "node366new",
c: "#42BAC8",
},
{
type: "node",
id: "node367new",
c: "#42BAC8",
},
{
type: "node",
id: "node411new",
c: "#42BAC8",
},
{
type: "node",
id: "node415new",
c: "#42BAC8",
},
{
type: "node",
id: "node419new",
c: "#42BAC8",
},
{
type: "node",
id: "node421new",
c: "#42BAC8",
},
{
type: "node",
id: "node422new",
c: "#42BAC8",
},
{
type: "node",
id: "node412new",
c: "#42BAC8",
},
{
type: "node",
id: "node416new",
c: "#42BAC8",
},
{
type: "node",
id: "node420new",
c: "#42BAC8",
},
{
type: "node",
id: "node444new",
c: "#42BAC8",
},
{
type: "node",
id: "node449new",
c: "#42BAC8",
},
{
type: "node",
id: "node454new",
c: "#42BAC8",
},
{
type: "node",
id: "node459new",
c: "#42BAC8",
},
{
type: "node",
id: "node464new",
c: "#42BAC8",
},
{
type: "node",
id: "node445new",
c: "#42BAC8",
},
{
type: "node",
id: "node450new",
c: "#42BAC8",
},
{
type: "node",
id: "node455new",
c: "#42BAC8",
},
{
type: "node",
id: "node460new",
c: "#42BAC8",
},
{
type: "node",
id: "node465new",
c: "#42BAC8",
},
{
type: "node",
id: "node443new",
c: "#619EF7",
},
{
type: "node",
id: "node446new",
c: "#42BAC8",
},
{
type: "node",
id: "node451new",
c: "#42BAC8",
},
{
type: "node",
id: "node456new",
c: "#42BAC8",
},
{
type: "node",
id: "node461new",
c: "#42BAC8",
},
{
type: "node",
id: "node447new",
c: "#42BAC8",
},
{
type: "node",
id: "node452new",
c: "#42BAC8",
},
{
type: "node",
id: "node457new",
c: "#42BAC8",
},
{
type: "node",
id: "node462new",
c: "#42BAC8",
},
{
type: "node",
id: "node448new",
c: "#42BAC8",
},
{
type: "node",
id: "node453new",
c: "#42BAC8",
},
{
type: "node",
id: "node458new",
c: "#42BAC8",
},
{
type: "node",
id: "node463new",
c: "#42BAC8",
},
],
};<!doctype html>
<html lang="en" style="background-color: #2d383f">
<head>
<meta charset="utf-8" />
<title>Navigate Large Hierarchies</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" />
</head>
<body>
<div id="klchart" class="klchart"></div>
<script type="module" src="./code.js"></script>
</body>
</html>