Click on a node to explore its dependencies as a hierarchy.
This story finds the directed subgraph from any selected node. It then replaces the data in the items prop with the subgraph to filter out other items.
Items are filtered out of ReGraph simply by excluding them from your state.
See also
import React, { useRef, useState } from "react";
import { createRoot } from "react-dom/client";
import has from "lodash/has";
import isEmpty from "lodash/isEmpty";
import pickBy from "lodash/pickBy";
import { Chart } from "regraph";
import { distances } from "regraph/analysis";
import data from "./data";
function isNode(item) {
return !has(item, "id1");
}
export const Demo = () => <Filtering items={data()} />;
function Filtering(props) {
// the full unfiltered data
const { items: allItems } = props;
// items to be shown by ReGraph
const [state, setState] = useState({
items: allItems,
layout: {},
positions: {},
selection: {},
});
const savedPositions = useRef({});
const findSubGraph = async (nodeId) => {
const subGraphIds = await distances(allItems, nodeId, { direction: "to" });
return pickBy(allItems, (item, id) => {
// Get the nodes present in the subgraph.
if (has(subGraphIds, id)) {
return true;
}
// Get links which have the nodes at both ends in the subgraph.
if (!isNode(item)) {
return has(subGraphIds, item.id1) && has(subGraphIds, item.id2);
}
return false;
});
};
const chartChangeHandler = async ({ positions: newPositions, selection: newSelection }) => {
// After running the initial layout, store all the
// positions so they can be restored later.
if (!isEmpty(newPositions) && isEmpty(savedPositions.current)) {
savedPositions.current = { ...newPositions };
}
if (newSelection) {
if (!isEmpty(newSelection)) {
const id = Object.keys(newSelection)[0];
if (isNode(allItems[id])) {
const subGraph = await findSubGraph(id);
setState(() => {
return {
items: subGraph, // replace items with just the subGraph
layout: {
name: "sequential",
top: id,
orientation: "right",
linkShape: "curved",
stretch: 3,
tightness: 9,
},
positions: {}, // force the new layout to run
selection: newSelection,
};
});
}
} else {
setState(() => {
return {
items: allItems,
layout: { linkShape: "direct" },
positions: savedPositions.current,
selection: newSelection,
};
});
}
}
};
return (
<div style={{ width: "100%", height: "100%" }}>
<Chart
items={state.items}
positions={state.positions}
selection={state.selection}
layout={state.layout}
// disable dragging of nodes
onDragStart={({ preventDefault, type }) => {
if (type === "node") {
preventDefault();
}
}}
onChange={chartChangeHandler}
animation={{ animate: true, time: 850 }}
/>
</div>
);
}
const root = createRoot(document.getElementById("regraph"));
root.render(<Demo />); import mapValues from "lodash/mapValues";
import { style } from "@ci/theme/rg/js/storyStyles";
function data() {
const styles = createStyles().node;
const nodeColorsDone = mapValues(rawData(), (value) => {
if (value.type && styles[value.type]) {
return { ...value, ...styles[value.type] };
}
return value;
});
const linkStylesDone = mapValues(nodeColorsDone, (value) => {
const { id1, id2, end1, end2 } = value;
if (id1 && id2) {
return {
...value,
width: 4,
end1: { ...end1, color: nodeColorsDone[value.id1].color },
end2: { ...end2, color: nodeColorsDone[value.id2].color },
};
}
return value;
});
return linkStylesDone;
}
function createStyles() {
return {
node: {
business: {
...style.primary0,
},
service: {
...style.primary1,
},
virtual: {
...style.primary2,
},
server: {
...style.cat10,
},
switch: {
...style.cat04,
},
san: {
...style.secondary1,
},
disk: {
...style.primary3,
},
},
};
}
function rawData() {
return {
1: {
label: { text: "Disk Drive 94", ...style.darkLabelBackground },
type: "disk",
},
2: {
label: { text: "Disk Drive 22", ...style.darkLabelBackground },
type: "disk",
},
3: {
label: { text: "Virtual Host 45", ...style.darkLabelBackground },
type: "virtual",
},
4: {
label: { text: "Service 42", ...style.darkLabelBackground },
type: "service",
},
5: {
label: { text: "Business Function 9", ...style.darkLabelBackground },
type: "business",
},
6: {
label: { text: "Service 36", ...style.darkLabelBackground },
type: "service",
},
7: {
label: { text: "Service 3", ...style.darkLabelBackground },
type: "service",
},
8: {
label: { text: "Virtual Host 2", ...style.darkLabelBackground },
type: "virtual",
},
9: {
label: { text: "Virtual Host 36", ...style.darkLabelBackground },
type: "virtual",
},
10: {
label: { text: "Disk Drive 45", ...style.darkLabelBackground },
type: "disk",
},
11: {
label: { text: "Disk Drive 24", ...style.darkLabelBackground },
type: "disk",
},
12: {
label: { text: "Disk Drive 62", ...style.darkLabelBackground },
type: "disk",
},
13: {
label: { text: "Disk Drive 27", ...style.darkLabelBackground },
type: "disk",
},
14: {
label: { text: "Switch 1", ...style.darkLabelBackground },
type: "switch",
},
15: {
label: { text: "Virtual Host 62", ...style.darkLabelBackground },
type: "virtual",
},
16: {
label: { text: "Service 6", ...style.darkLabelBackground },
type: "service",
},
17: {
label: { text: "Virtual Host 47", ...style.darkLabelBackground },
type: "virtual",
},
18: {
label: { text: "Virtual Host 25", ...style.darkLabelBackground },
type: "virtual",
},
19: {
label: { text: "Disk Drive 77", ...style.darkLabelBackground },
type: "disk",
},
20: {
label: { text: "Business Function 18", ...style.darkLabelBackground },
type: "business",
},
21: {
label: { text: "Virtual Host 0", ...style.darkLabelBackground },
type: "virtual",
},
22: {
label: { text: "Business Function 13", ...style.darkLabelBackground },
type: "business",
},
23: {
label: { text: "Disk Drive 81", ...style.darkLabelBackground },
type: "disk",
},
24: {
label: { text: "Virtual Host 7", ...style.darkLabelBackground },
type: "virtual",
},
25: {
label: { text: "Service 28", ...style.darkLabelBackground },
type: "service",
},
26: {
label: { text: "Virtual Host 1", ...style.darkLabelBackground },
type: "virtual",
},
27: {
label: { text: "Virtual Host 92", ...style.darkLabelBackground },
type: "virtual",
},
28: {
label: { text: "Disk Drive 90", ...style.darkLabelBackground },
type: "disk",
},
29: {
label: { text: "Disk Drive 8", ...style.darkLabelBackground },
type: "disk",
},
30: {
label: { text: "Disk Drive 21", ...style.darkLabelBackground },
type: "disk",
},
31: {
label: { text: "Business Function 7", ...style.darkLabelBackground },
type: "business",
},
32: {
label: { text: "Disk Drive 68", ...style.darkLabelBackground },
type: "disk",
},
33: {
label: { text: "Disk Drive 35", ...style.darkLabelBackground },
type: "disk",
},
34: {
label: { text: "Disk Drive 40", ...style.darkLabelBackground },
type: "disk",
},
35: {
label: { text: "Disk Drive 25", ...style.darkLabelBackground },
type: "disk",
},
36: {
label: { text: "Disk Drive 78", ...style.darkLabelBackground },
type: "disk",
},
37: {
label: { text: "Virtual Host 97", ...style.darkLabelBackground },
type: "virtual",
},
38: {
label: { text: "Virtual Host 20", ...style.darkLabelBackground },
type: "virtual",
},
39: {
label: { text: "Disk Drive 61", ...style.darkLabelBackground },
type: "disk",
},
40: {
label: { text: "Server 3", ...style.darkLabelBackground },
type: "server",
},
41: {
label: { text: "Disk Drive 60", ...style.darkLabelBackground },
type: "disk",
},
42: {
label: { text: "Service 45", ...style.darkLabelBackground },
type: "service",
},
43: {
label: { text: "Disk Drive 66", ...style.darkLabelBackground },
type: "disk",
},
44: {
label: { text: "Server 8", ...style.darkLabelBackground },
type: "server",
},
45: {
label: { text: "Business Function 4", ...style.darkLabelBackground },
type: "business",
},
46: {
label: { text: "Server 7", ...style.darkLabelBackground },
type: "server",
},
47: {
label: { text: "Virtual Host 49", ...style.darkLabelBackground },
type: "virtual",
},
48: {
label: { text: "Virtual Host 22", ...style.darkLabelBackground },
type: "virtual",
},
49: {
label: { text: "Disk Drive 57", ...style.darkLabelBackground },
type: "disk",
},
50: {
label: { text: "Disk Drive 12", ...style.darkLabelBackground },
type: "disk",
},
51: {
label: { text: "Virtual Host 37", ...style.darkLabelBackground },
type: "virtual",
},
52: {
label: { text: "Service 48", ...style.darkLabelBackground },
type: "service",
},
53: {
label: { text: "Disk Drive 72", ...style.darkLabelBackground },
type: "disk",
},
54: {
label: { text: "Virtual Host 60", ...style.darkLabelBackground },
type: "virtual",
},
55: {
label: { text: "Business Function 3", ...style.darkLabelBackground },
type: "business",
},
56: {
label: { text: "Disk Drive 18", ...style.darkLabelBackground },
type: "disk",
},
57: {
label: { text: "Virtual Host 69", ...style.darkLabelBackground },
type: "virtual",
},
58: {
label: { text: "Service 38", ...style.darkLabelBackground },
type: "service",
},
59: {
label: { text: "Virtual Host 5", ...style.darkLabelBackground },
type: "virtual",
},
60: {
label: { text: "Service 33", ...style.darkLabelBackground },
type: "service",
},
61: {
label: { text: "Disk Drive 79", ...style.darkLabelBackground },
type: "disk",
},
62: {
label: { text: "Disk Drive 11", ...style.darkLabelBackground },
type: "disk",
},
63: {
label: { text: "Server 9", ...style.darkLabelBackground },
type: "server",
},
64: {
label: { text: "Service 1", ...style.darkLabelBackground },
type: "service",
},
65: {
label: { text: "Virtual Host 8", ...style.darkLabelBackground },
type: "virtual",
},
66: {
label: { text: "Server 0", ...style.darkLabelBackground },
type: "server",
},
67: {
label: { text: "Business Function 15", ...style.darkLabelBackground },
type: "business",
},
68: {
label: { text: "Disk Drive 95", ...style.darkLabelBackground },
type: "disk",
},
69: {
label: { text: "Virtual Host 91", ...style.darkLabelBackground },
type: "virtual",
},
70: {
label: { text: "Disk Drive 17", ...style.darkLabelBackground },
type: "disk",
},
71: {
label: { text: "Virtual Host 44", ...style.darkLabelBackground },
type: "virtual",
},
72: {
label: { text: "Business Function 8", ...style.darkLabelBackground },
type: "business",
},
73: {
label: { text: "Disk Drive 87", ...style.darkLabelBackground },
type: "disk",
},
74: {
label: { text: "Disk Drive 91", ...style.darkLabelBackground },
type: "disk",
},
75: {
label: { text: "Virtual Host 38", ...style.darkLabelBackground },
type: "virtual",
},
76: {
label: { text: "Disk Drive 53", ...style.darkLabelBackground },
type: "disk",
},
77: {
label: { text: "Disk Drive 36", ...style.darkLabelBackground },
type: "disk",
},
78: {
label: { text: "Virtual Host 32", ...style.darkLabelBackground },
type: "virtual",
},
79: {
label: { text: "Service 31", ...style.darkLabelBackground },
type: "service",
},
80: {
label: { text: "Disk Drive 83", ...style.darkLabelBackground },
type: "disk",
},
81: {
label: { text: "Service 2", ...style.darkLabelBackground },
type: "service",
},
82: {
label: { text: "Virtual Host 12", ...style.darkLabelBackground },
type: "virtual",
},
83: {
label: { text: "Virtual Host 89", ...style.darkLabelBackground },
type: "virtual",
},
84: {
label: { text: "Virtual Host 80", ...style.darkLabelBackground },
type: "virtual",
},
85: {
label: { text: "Disk Drive 49", ...style.darkLabelBackground },
type: "disk",
},
86: {
label: { text: "Service 19", ...style.darkLabelBackground },
type: "service",
},
87: {
label: { text: "Service 30", ...style.darkLabelBackground },
type: "service",
},
88: {
label: { text: "Virtual Host 86", ...style.darkLabelBackground },
type: "virtual",
},
89: {
label: { text: "Service 4", ...style.darkLabelBackground },
type: "service",
},
90: {
label: { text: "Virtual Host 78", ...style.darkLabelBackground },
type: "virtual",
},
91: {
label: { text: "Business Function 19", ...style.darkLabelBackground },
type: "business",
},
92: {
label: { text: "Server 10", ...style.darkLabelBackground },
type: "server",
},
93: {
label: { text: "Disk Drive 85", ...style.darkLabelBackground },
type: "disk",
},
94: {
label: { text: "Server 12", ...style.darkLabelBackground },
type: "server",
},
95: {
label: { text: "Disk Drive 46", ...style.darkLabelBackground },
type: "disk",
},
96: {
label: { text: "Virtual Host 58", ...style.darkLabelBackground },
type: "virtual",
},
97: {
label: { text: "Business Function 10", ...style.darkLabelBackground },
type: "business",
},
98: {
label: { text: "Service 9", ...style.darkLabelBackground },
type: "service",
},
99: {
label: { text: "Server 4", ...style.darkLabelBackground },
type: "server",
},
100: {
label: { text: "Virtual Host 19", ...style.darkLabelBackground },
type: "virtual",
},
101: {
label: { text: "Disk Drive 4", ...style.darkLabelBackground },
type: "disk",
},
102: {
label: { text: "Virtual Host 55", ...style.darkLabelBackground },
type: "virtual",
},
103: {
label: { text: "Disk Drive 29", ...style.darkLabelBackground },
type: "disk",
},
104: {
label: { text: "Disk Drive 96", ...style.darkLabelBackground },
type: "disk",
},
105: {
label: { text: "Disk Drive 2", ...style.darkLabelBackground },
type: "disk",
},
106: {
label: { text: "Service 27", ...style.darkLabelBackground },
type: "service",
},
107: {
label: { text: "Service 49", ...style.darkLabelBackground },
type: "service",
},
108: {
label: { text: "Service 41", ...style.darkLabelBackground },
type: "service",
},
109: {
label: { text: "Virtual Host 30", ...style.darkLabelBackground },
type: "virtual",
},
110: {
label: { text: "Server 5", ...style.darkLabelBackground },
type: "server",
},
111: {
label: { text: "Virtual Host 27", ...style.darkLabelBackground },
type: "virtual",
},
112: {
label: { text: "Disk Drive 20", ...style.darkLabelBackground },
type: "disk",
},
113: {
label: { text: "Disk Drive 74", ...style.darkLabelBackground },
type: "disk",
},
114: {
label: { text: "Disk Drive 92", ...style.darkLabelBackground },
type: "disk",
},
115: {
label: { text: "Server 1", ...style.darkLabelBackground },
type: "server",
},
116: {
label: { text: "Virtual Host 70", ...style.darkLabelBackground },
type: "virtual",
},
117: {
label: { text: "Disk Drive 69", ...style.darkLabelBackground },
type: "disk",
},
118: {
label: { text: "Virtual Host 9", ...style.darkLabelBackground },
type: "virtual",
},
119: {
label: { text: "Virtual Host 68", ...style.darkLabelBackground },
type: "virtual",
},
120: {
label: { text: "Disk Drive 9", ...style.darkLabelBackground },
type: "disk",
},
121: {
label: { text: "Virtual Host 18", ...style.darkLabelBackground },
type: "virtual",
},
122: {
label: { text: "Business Function 14", ...style.darkLabelBackground },
type: "business",
},
123: {
label: { text: "Business Function 17", ...style.darkLabelBackground },
type: "business",
},
124: {
label: { text: "Disk Drive 58", ...style.darkLabelBackground },
type: "disk",
},
125: {
label: { text: "Disk Drive 86", ...style.darkLabelBackground },
type: "disk",
},
126: {
label: { text: "Virtual Host 23", ...style.darkLabelBackground },
type: "virtual",
},
127: {
label: { text: "Virtual Host 73", ...style.darkLabelBackground },
type: "virtual",
},
128: {
label: { text: "Virtual Host 59", ...style.darkLabelBackground },
type: "virtual",
},
129: {
label: { text: "Virtual Host 46", ...style.darkLabelBackground },
type: "virtual",
},
130: {
label: { text: "Service 15", ...style.darkLabelBackground },
type: "service",
},
131: {
label: { text: "Virtual Host 63", ...style.darkLabelBackground },
type: "virtual",
},
132: {
label: { text: "Service 5", ...style.darkLabelBackground },
type: "service",
},
133: {
label: { text: "Disk Drive 26", ...style.darkLabelBackground },
type: "disk",
},
134: {
label: { text: "Virtual Host 83", ...style.darkLabelBackground },
type: "virtual",
},
135: {
label: { text: "Disk Drive 28", ...style.darkLabelBackground },
type: "disk",
},
136: {
label: { text: "Virtual Host 82", ...style.darkLabelBackground },
type: "virtual",
},
137: {
label: { text: "Virtual Host 99", ...style.darkLabelBackground },
type: "virtual",
},
138: {
label: { text: "Virtual Host 4", ...style.darkLabelBackground },
type: "virtual",
},
139: {
label: { text: "Disk Drive 34", ...style.darkLabelBackground },
type: "disk",
},
140: {
label: { text: "Virtual Host 76", ...style.darkLabelBackground },
type: "virtual",
},
141: {
label: { text: "SAN Unit 2", ...style.darkLabelBackground },
type: "san",
},
142: {
label: { text: "Disk Drive 1", ...style.darkLabelBackground },
type: "disk",
},
143: {
label: { text: "Disk Drive 7", ...style.darkLabelBackground },
type: "disk",
},
144: {
label: { text: "Service 29", ...style.darkLabelBackground },
type: "service",
},
145: {
label: { text: "Virtual Host 77", ...style.darkLabelBackground },
type: "virtual",
},
146: {
label: { text: "Virtual Host 52", ...style.darkLabelBackground },
type: "virtual",
},
147: {
label: { text: "Disk Drive 89", ...style.darkLabelBackground },
type: "disk",
},
148: {
label: { text: "Disk Drive 64", ...style.darkLabelBackground },
type: "disk",
},
149: {
label: { text: "Service 8", ...style.darkLabelBackground },
type: "service",
},
150: {
label: { text: "Virtual Host 51", ...style.darkLabelBackground },
type: "virtual",
},
151: {
label: { text: "Virtual Host 74", ...style.darkLabelBackground },
type: "virtual",
},
152: {
label: { text: "Virtual Host 29", ...style.darkLabelBackground },
type: "virtual",
},
153: {
label: { text: "Service 47", ...style.darkLabelBackground },
type: "service",
},
154: {
label: { text: "Service 37", ...style.darkLabelBackground },
type: "service",
},
155: {
label: { text: "Virtual Host 61", ...style.darkLabelBackground },
type: "virtual",
},
156: {
label: { text: "Virtual Host 79", ...style.darkLabelBackground },
type: "virtual",
},
157: {
label: { text: "Virtual Host 95", ...style.darkLabelBackground },
type: "virtual",
},
158: {
label: { text: "Virtual Host 85", ...style.darkLabelBackground },
type: "virtual",
},
159: {
label: { text: "Disk Drive 48", ...style.darkLabelBackground },
type: "disk",
},
160: {
label: { text: "Disk Drive 3", ...style.darkLabelBackground },
type: "disk",
},
161: {
label: { text: "Virtual Host 21", ...style.darkLabelBackground },
type: "virtual",
},
162: {
label: { text: "Virtual Host 17", ...style.darkLabelBackground },
type: "virtual",
},
163: {
label: { text: "Disk Drive 14", ...style.darkLabelBackground },
type: "disk",
},
164: {
label: { text: "Service 26", ...style.darkLabelBackground },
type: "service",
},
165: {
label: { text: "Disk Drive 88", ...style.darkLabelBackground },
type: "disk",
},
166: {
label: { text: "Disk Drive 37", ...style.darkLabelBackground },
type: "disk",
},
167: {
label: { text: "Virtual Host 24", ...style.darkLabelBackground },
type: "virtual",
},
168: {
label: { text: "Virtual Host 84", ...style.darkLabelBackground },
type: "virtual",
},
169: {
label: { text: "Disk Drive 38", ...style.darkLabelBackground },
type: "disk",
},
170: {
label: { text: "Virtual Host 16", ...style.darkLabelBackground },
type: "virtual",
},
171: {
label: { text: "Disk Drive 31", ...style.darkLabelBackground },
type: "disk",
},
172: {
label: { text: "Disk Drive 0", ...style.darkLabelBackground },
type: "disk",
},
173: {
label: { text: "Virtual Host 14", ...style.darkLabelBackground },
type: "virtual",
},
174: {
label: { text: "Service 18", ...style.darkLabelBackground },
type: "service",
},
175: {
label: { text: "Disk Drive 56", ...style.darkLabelBackground },
type: "disk",
},
176: {
label: { text: "Disk Drive 97", ...style.darkLabelBackground },
type: "disk",
},
177: {
label: { text: "Service 43", ...style.darkLabelBackground },
type: "service",
},
178: {
label: { text: "Disk Drive 93", ...style.darkLabelBackground },
type: "disk",
},
179: {
label: { text: "Disk Drive 43", ...style.darkLabelBackground },
type: "disk",
},
180: {
label: { text: "Server 19", ...style.darkLabelBackground },
type: "server",
},
181: {
label: { text: "Disk Drive 75", ...style.darkLabelBackground },
type: "disk",
},
182: {
label: { text: "Disk Drive 55", ...style.darkLabelBackground },
type: "disk",
},
183: {
label: { text: "Switch 4", ...style.darkLabelBackground },
type: "switch",
},
184: {
label: { text: "Disk Drive 33", ...style.darkLabelBackground },
type: "disk",
},
185: {
label: { text: "Virtual Host 13", ...style.darkLabelBackground },
type: "virtual",
},
186: {
label: { text: "Disk Drive 67", ...style.darkLabelBackground },
type: "disk",
},
187: {
label: { text: "Server 17", ...style.darkLabelBackground },
type: "server",
},
188: {
label: { text: "Disk Drive 63", ...style.darkLabelBackground },
type: "disk",
},
189: {
label: { text: "Service 20", ...style.darkLabelBackground },
type: "service",
},
190: {
label: { text: "Disk Drive 51", ...style.darkLabelBackground },
type: "disk",
},
191: {
label: { text: "Disk Drive 32", ...style.darkLabelBackground },
type: "disk",
},
192: {
label: { text: "Disk Drive 65", ...style.darkLabelBackground },
type: "disk",
},
193: {
label: { text: "Virtual Host 11", ...style.darkLabelBackground },
type: "virtual",
},
194: {
label: { text: "Disk Drive 13", ...style.darkLabelBackground },
type: "disk",
},
195: {
label: { text: "Server 16", ...style.darkLabelBackground },
type: "server",
},
196: {
label: { text: "Service 32", ...style.darkLabelBackground },
type: "service",
},
197: {
label: { text: "Virtual Host 35", ...style.darkLabelBackground },
type: "virtual",
},
198: {
label: { text: "Service 25", ...style.darkLabelBackground },
type: "service",
},
199: {
label: { text: "Virtual Host 96", ...style.darkLabelBackground },
type: "virtual",
},
200: {
label: { text: "Switch 3", ...style.darkLabelBackground },
type: "switch",
},
201: {
label: { text: "Disk Drive 5", ...style.darkLabelBackground },
type: "disk",
},
202: {
label: { text: "Business Function 11", ...style.darkLabelBackground },
type: "business",
},
203: {
label: { text: "Virtual Host 41", ...style.darkLabelBackground },
type: "virtual",
},
204: {
label: { text: "Virtual Host 98", ...style.darkLabelBackground },
type: "virtual",
},
205: {
label: { text: "Disk Drive 42", ...style.darkLabelBackground },
type: "disk",
},
206: {
label: { text: "Virtual Host 26", ...style.darkLabelBackground },
type: "virtual",
},
207: {
label: { text: "Server 11", ...style.darkLabelBackground },
type: "server",
},
208: {
label: { text: "Service 17", ...style.darkLabelBackground },
type: "service",
},
209: {
label: { text: "Disk Drive 44", ...style.darkLabelBackground },
type: "disk",
},
210: {
label: { text: "Switch 2", ...style.darkLabelBackground },
type: "switch",
},
211: {
label: { text: "Service 40", ...style.darkLabelBackground },
type: "service",
},
212: {
label: { text: "Virtual Host 42", ...style.darkLabelBackground },
type: "virtual",
},
213: {
label: { text: "Disk Drive 73", ...style.darkLabelBackground },
type: "disk",
},
214: {
label: { text: "Business Function 1", ...style.darkLabelBackground },
type: "business",
},
215: {
label: { text: "Virtual Host 81", ...style.darkLabelBackground },
type: "virtual",
},
216: {
label: { text: "Disk Drive 50", ...style.darkLabelBackground },
type: "disk",
},
217: {
label: { text: "Virtual Host 56", ...style.darkLabelBackground },
type: "virtual",
},
218: {
label: { text: "Disk Drive 80", ...style.darkLabelBackground },
type: "disk",
},
219: {
label: { text: "Virtual Host 75", ...style.darkLabelBackground },
type: "virtual",
},
220: {
label: { text: "Virtual Host 94", ...style.darkLabelBackground },
type: "virtual",
},
221: {
label: { text: "Service 34", ...style.darkLabelBackground },
type: "service",
},
222: {
label: { text: "Service 22", ...style.darkLabelBackground },
type: "service",
},
223: {
label: { text: "Business Function 5", ...style.darkLabelBackground },
type: "business",
},
224: {
label: { text: "Virtual Host 93", ...style.darkLabelBackground },
type: "virtual",
},
225: {
label: { text: "Virtual Host 40", ...style.darkLabelBackground },
type: "virtual",
},
226: {
label: { text: "Disk Drive 98", ...style.darkLabelBackground },
type: "disk",
},
227: {
label: { text: "Server 2", ...style.darkLabelBackground },
type: "server",
},
228: {
label: { text: "Switch 0", ...style.darkLabelBackground },
type: "switch",
},
229: {
label: { text: "Virtual Host 65", ...style.darkLabelBackground },
type: "virtual",
},
230: {
label: { text: "Disk Drive 19", ...style.darkLabelBackground },
type: "disk",
},
231: {
label: { text: "SAN Unit 1", ...style.darkLabelBackground },
type: "san",
},
232: {
label: { text: "Virtual Host 28", ...style.darkLabelBackground },
type: "virtual",
},
233: {
label: { text: "Service 12", ...style.darkLabelBackground },
type: "service",
},
234: {
label: { text: "Service 11", ...style.darkLabelBackground },
type: "service",
},
235: {
label: { text: "Server 13", ...style.darkLabelBackground },
type: "server",
},
236: {
label: { text: "Disk Drive 16", ...style.darkLabelBackground },
type: "disk",
},
237: {
label: { text: "Virtual Host 57", ...style.darkLabelBackground },
type: "virtual",
},
238: {
label: { text: "Disk Drive 82", ...style.darkLabelBackground },
type: "disk",
},
239: {
label: { text: "Virtual Host 67", ...style.darkLabelBackground },
type: "virtual",
},
240: {
label: { text: "Service 24", ...style.darkLabelBackground },
type: "service",
},
241: {
label: { text: "Business Function 0", ...style.darkLabelBackground },
type: "business",
},
242: {
label: { text: "Virtual Host 90", ...style.darkLabelBackground },
type: "virtual",
},
243: {
label: { text: "Virtual Host 50", ...style.darkLabelBackground },
type: "virtual",
},
244: {
label: { text: "Virtual Host 71", ...style.darkLabelBackground },
type: "virtual",
},
245: {
label: { text: "Server 14", ...style.darkLabelBackground },
type: "server",
},
246: {
label: { text: "Service 0", ...style.darkLabelBackground },
type: "service",
},
247: {
label: { text: "Server 18", ...style.darkLabelBackground },
type: "server",
},
248: {
label: { text: "Service 13", ...style.darkLabelBackground },
type: "service",
},
249: {
label: { text: "Virtual Host 87", ...style.darkLabelBackground },
type: "virtual",
},
250: {
label: { text: "Service 35", ...style.darkLabelBackground },
type: "service",
},
251: {
label: { text: "Disk Drive 54", ...style.darkLabelBackground },
type: "disk",
},
252: {
label: { text: "Service 7", ...style.darkLabelBackground },
type: "service",
},
253: {
label: { text: "Virtual Host 31", ...style.darkLabelBackground },
type: "virtual",
},
254: {
label: { text: "Virtual Host 6", ...style.darkLabelBackground },
type: "virtual",
},
255: {
label: { text: "Service 21", ...style.darkLabelBackground },
type: "service",
},
256: {
label: { text: "Virtual Host 88", ...style.darkLabelBackground },
type: "virtual",
},
257: {
label: { text: "Service 39", ...style.darkLabelBackground },
type: "service",
},
258: {
label: { text: "Business Function 16", ...style.darkLabelBackground },
type: "business",
},
259: {
label: { text: "Business Function 6", ...style.darkLabelBackground },
type: "business",
},
260: {
label: { text: "Service 44", ...style.darkLabelBackground },
type: "service",
},
261: {
label: { text: "Virtual Host 64", ...style.darkLabelBackground },
type: "virtual",
},
262: {
label: { text: "Business Function 12", ...style.darkLabelBackground },
type: "business",
},
263: {
label: { text: "Service 14", ...style.darkLabelBackground },
type: "service",
},
264: {
label: { text: "Virtual Host 54", ...style.darkLabelBackground },
type: "virtual",
},
265: {
label: { text: "Disk Drive 6", ...style.darkLabelBackground },
type: "disk",
},
266: {
label: { text: "Virtual Host 43", ...style.darkLabelBackground },
type: "virtual",
},
267: {
label: { text: "Disk Drive 71", ...style.darkLabelBackground },
type: "disk",
},
268: {
label: { text: "Disk Drive 41", ...style.darkLabelBackground },
type: "disk",
},
269: {
label: { text: "Virtual Host 53", ...style.darkLabelBackground },
type: "virtual",
},
270: {
label: { text: "Business Function 2", ...style.darkLabelBackground },
type: "business",
},
271: {
label: { text: "Disk Drive 10", ...style.darkLabelBackground },
type: "disk",
},
272: {
label: { text: "Disk Drive 39", ...style.darkLabelBackground },
type: "disk",
},
273: {
label: { text: "Virtual Host 34", ...style.darkLabelBackground },
type: "virtual",
},
274: {
label: { text: "Disk Drive 47", ...style.darkLabelBackground },
type: "disk",
},
275: {
label: { text: "Virtual Host 10", ...style.darkLabelBackground },
type: "virtual",
},
276: {
label: { text: "Server 6", ...style.darkLabelBackground },
type: "server",
},
277: {
label: { text: "Service 23", ...style.darkLabelBackground },
type: "service",
},
278: {
label: { text: "Server 15", ...style.darkLabelBackground },
type: "server",
},
279: {
label: { text: "Virtual Host 3", ...style.darkLabelBackground },
type: "virtual",
},
280: {
label: { text: "Disk Drive 52", ...style.darkLabelBackground },
type: "disk",
},
281: {
label: { text: "Disk Drive 76", ...style.darkLabelBackground },
type: "disk",
},
282: {
label: { text: "SAN Unit 0", ...style.darkLabelBackground },
type: "san",
},
283: {
label: { text: "Virtual Host 39", ...style.darkLabelBackground },
type: "virtual",
},
284: {
label: { text: "Disk Drive 70", ...style.darkLabelBackground },
type: "disk",
},
285: {
label: { text: "Disk Drive 59", ...style.darkLabelBackground },
type: "disk",
},
286: {
label: { text: "Service 46", ...style.darkLabelBackground },
type: "service",
},
287: {
label: { text: "Disk Drive 15", ...style.darkLabelBackground },
type: "disk",
},
288: {
label: { text: "Virtual Host 66", ...style.darkLabelBackground },
type: "virtual",
},
289: {
label: { text: "Disk Drive 30", ...style.darkLabelBackground },
type: "disk",
},
290: {
label: { text: "Virtual Host 48", ...style.darkLabelBackground },
type: "virtual",
},
291: {
label: { text: "Virtual Host 72", ...style.darkLabelBackground },
type: "virtual",
},
292: {
label: { text: "Disk Drive 99", ...style.darkLabelBackground },
type: "disk",
},
293: {
label: { text: "Virtual Host 33", ...style.darkLabelBackground },
type: "virtual",
},
294: {
label: { text: "Virtual Host 15", ...style.darkLabelBackground },
type: "virtual",
},
295: {
label: { text: "Disk Drive 23", ...style.darkLabelBackground },
type: "disk",
},
296: {
label: { text: "Service 10", ...style.darkLabelBackground },
type: "service",
},
297: {
label: { text: "Service 16", ...style.darkLabelBackground },
type: "service",
},
298: {
label: { text: "Disk Drive 84", ...style.darkLabelBackground },
type: "disk",
},
"89-71": {
id1: "89",
id2: "71",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"106-96": {
id1: "106",
id2: "96",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"291-92": {
id1: "291",
id2: "92",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"189-217": {
id1: "189",
id2: "217",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"16-229": {
id1: "16",
id2: "229",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"102-276": {
id1: "102",
id2: "276",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"98-215": {
id1: "98",
id2: "215",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"151-278": {
id1: "151",
id2: "278",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"141-171": {
id1: "141",
id2: "171",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"255-273": {
id1: "255",
id2: "273",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"75-92": {
id1: "75",
id2: "92",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"255-173": {
id1: "255",
id2: "173",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"31-98": {
id1: "31",
id2: "98",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"240-69": {
id1: "240",
id2: "69",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"294-195": {
id1: "294",
id2: "195",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"71-278": {
id1: "71",
id2: "278",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"241-7": {
id1: "241",
id2: "7",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"239-180": {
id1: "239",
id2: "180",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"138-110": {
id1: "138",
id2: "110",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"170-207": {
id1: "170",
id2: "207",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"155-40": {
id1: "155",
id2: "40",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"130-232": {
id1: "130",
id2: "232",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"66-141": {
id1: "66",
id2: "141",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"257-185": {
id1: "257",
id2: "185",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"83-227": {
id1: "83",
id2: "227",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"161-245": {
id1: "161",
id2: "245",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"174-204": {
id1: "174",
id2: "204",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"63-14": {
id1: "63",
id2: "14",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"293-195": {
id1: "293",
id2: "195",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"187-200": {
id1: "187",
id2: "200",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"45-240": {
id1: "45",
id2: "240",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"231-101": {
id1: "231",
id2: "101",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"67-177": {
id1: "67",
id2: "177",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"40-141": {
id1: "40",
id2: "141",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"119-99": {
id1: "119",
id2: "99",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"79-146": {
id1: "79",
id2: "146",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"44-141": {
id1: "44",
id2: "141",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"137-195": {
id1: "137",
id2: "195",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"290-247": {
id1: "290",
id2: "247",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"234-283": {
id1: "234",
id2: "283",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"196-288": {
id1: "196",
id2: "288",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"282-166": {
id1: "282",
id2: "166",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"123-250": {
id1: "123",
id2: "250",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"153-150": {
id1: "153",
id2: "150",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"196-162": {
id1: "196",
id2: "162",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"202-257": {
id1: "202",
id2: "257",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"67-246": {
id1: "67",
id2: "246",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"145-99": {
id1: "145",
id2: "99",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"21-46": {
id1: "21",
id2: "46",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"154-88": {
id1: "154",
id2: "88",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"26-44": {
id1: "26",
id2: "44",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"126-247": {
id1: "126",
id2: "247",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"279-94": {
id1: "279",
id2: "94",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"257-294": {
id1: "257",
id2: "294",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"110-231": {
id1: "110",
id2: "231",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"64-47": {
id1: "64",
id2: "47",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"116-245": {
id1: "116",
id2: "245",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"42-290": {
id1: "42",
id2: "290",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"52-75": {
id1: "52",
id2: "75",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"207-141": {
id1: "207",
id2: "141",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"122-198": {
id1: "122",
id2: "198",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"121-207": {
id1: "121",
id2: "207",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"51-66": {
id1: "51",
id2: "66",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"282-165": {
id1: "282",
id2: "165",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"177-146": {
id1: "177",
id2: "146",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"261-46": {
id1: "261",
id2: "46",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"282-77": {
id1: "282",
id2: "77",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"264-235": {
id1: "264",
id2: "235",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"88-207": {
id1: "88",
id2: "207",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"65-227": {
id1: "65",
id2: "227",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"106-173": {
id1: "106",
id2: "173",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"130-59": {
id1: "130",
id2: "59",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"152-187": {
id1: "152",
id2: "187",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"243-276": {
id1: "243",
id2: "276",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"4-121": {
id1: "4",
id2: "121",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"237-94": {
id1: "237",
id2: "94",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"92-228": {
id1: "92",
id2: "228",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"6-47": {
id1: "6",
id2: "47",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"248-26": {
id1: "248",
id2: "26",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"189-71": {
id1: "189",
id2: "71",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"211-127": {
id1: "211",
id2: "127",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"86-17": {
id1: "86",
id2: "17",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"240-253": {
id1: "240",
id2: "253",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"96-94": {
id1: "96",
id2: "94",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"79-118": {
id1: "79",
id2: "118",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"258-106": {
id1: "258",
id2: "106",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"167-115": {
id1: "167",
id2: "115",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"86-249": {
id1: "86",
id2: "249",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"59-235": {
id1: "59",
id2: "235",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"234-138": {
id1: "234",
id2: "138",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"203-115": {
id1: "203",
id2: "115",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"215-40": {
id1: "215",
id2: "40",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"278-228": {
id1: "278",
id2: "228",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"282-23": {
id1: "282",
id2: "23",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"100-115": {
id1: "100",
id2: "115",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"231-53": {
id1: "231",
id2: "53",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"233-243": {
id1: "233",
id2: "243",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"231-124": {
id1: "231",
id2: "124",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"97-263": {
id1: "97",
id2: "263",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"108-136": {
id1: "108",
id2: "136",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"248-264": {
id1: "248",
id2: "264",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"220-115": {
id1: "220",
id2: "115",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"162-235": {
id1: "162",
id2: "235",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"258-108": {
id1: "258",
id2: "108",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"72-196": {
id1: "72",
id2: "196",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"47-46": {
id1: "47",
id2: "46",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"198-119": {
id1: "198",
id2: "119",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"78-66": {
id1: "78",
id2: "66",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"66-183": {
id1: "66",
id2: "183",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"111-44": {
id1: "111",
id2: "44",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"141-50": {
id1: "141",
id2: "50",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"60-152": {
id1: "60",
id2: "152",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"7-173": {
id1: "7",
id2: "173",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"245-141": {
id1: "245",
id2: "141",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"63-282": {
id1: "63",
id2: "282",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"122-87": {
id1: "122",
id2: "87",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"198-102": {
id1: "198",
id2: "102",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"248-173": {
id1: "248",
id2: "173",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"69-92": {
id1: "69",
id2: "92",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"60-140": {
id1: "60",
id2: "140",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"42-47": {
id1: "42",
id2: "47",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"31-257": {
id1: "31",
id2: "257",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"217-180": {
id1: "217",
id2: "180",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"282-125": {
id1: "282",
id2: "125",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"5-260": {
id1: "5",
id2: "260",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"270-234": {
id1: "270",
id2: "234",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"4-129": {
id1: "4",
id2: "129",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"46-282": {
id1: "46",
id2: "282",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"199-227": {
id1: "199",
id2: "227",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"197-40": {
id1: "197",
id2: "40",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"37-40": {
id1: "37",
id2: "40",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"278-141": {
id1: "278",
id2: "141",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"5-25": {
id1: "5",
id2: "25",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"263-243": {
id1: "263",
id2: "243",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"94-231": {
id1: "94",
id2: "231",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"15-195": {
id1: "15",
id2: "195",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"208-15": {
id1: "208",
id2: "15",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"64-279": {
id1: "64",
id2: "279",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"132-185": {
id1: "132",
id2: "185",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"79-261": {
id1: "79",
id2: "261",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"3-94": {
id1: "3",
id2: "94",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"223-286": {
id1: "223",
id2: "286",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"115-282": {
id1: "115",
id2: "282",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"266-66": {
id1: "266",
id2: "66",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"269-195": {
id1: "269",
id2: "195",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"91-252": {
id1: "91",
id2: "252",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"282-85": {
id1: "282",
id2: "85",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"247-141": {
id1: "247",
id2: "141",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"90-92": {
id1: "90",
id2: "92",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"235-282": {
id1: "235",
id2: "282",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"40-14": {
id1: "40",
id2: "14",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"207-14": {
id1: "207",
id2: "14",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"225-63": {
id1: "225",
id2: "63",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"150-92": {
id1: "150",
id2: "92",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"118-207": {
id1: "118",
id2: "207",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"58-21": {
id1: "58",
id2: "21",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"276-14": {
id1: "276",
id2: "14",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"22-149": {
id1: "22",
id2: "149",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"129-44": {
id1: "129",
id2: "44",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"89-69": {
id1: "89",
id2: "69",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"110-210": {
id1: "110",
id2: "210",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"219-99": {
id1: "219",
id2: "99",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"153-269": {
id1: "153",
id2: "269",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"223-198": {
id1: "223",
id2: "198",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"8-66": {
id1: "8",
id2: "66",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"221-253": {
id1: "221",
id2: "253",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"146-278": {
id1: "146",
id2: "278",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"20-107": {
id1: "20",
id2: "107",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"141-77": {
id1: "141",
id2: "77",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"296-119": {
id1: "296",
id2: "119",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"164-162": {
id1: "164",
id2: "162",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"54-245": {
id1: "54",
id2: "245",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"212-227": {
id1: "212",
id2: "227",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"259-58": {
id1: "259",
id2: "58",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"127-46": {
id1: "127",
id2: "46",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"115-183": {
id1: "115",
id2: "183",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"198-288": {
id1: "198",
id2: "288",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"297-273": {
id1: "297",
id2: "273",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"273-235": {
id1: "273",
id2: "235",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"249-94": {
id1: "249",
id2: "94",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"231-33": {
id1: "231",
id2: "33",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"25-38": {
id1: "25",
id2: "38",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"153-161": {
id1: "153",
id2: "161",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"276-282": {
id1: "276",
id2: "282",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"214-87": {
id1: "214",
id2: "87",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"99-282": {
id1: "99",
id2: "282",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"131-207": {
id1: "131",
id2: "207",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"247-183": {
id1: "247",
id2: "183",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"52-145": {
id1: "52",
id2: "145",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"195-228": {
id1: "195",
id2: "228",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"262-130": {
id1: "262",
id2: "130",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"156-276": {
id1: "156",
id2: "276",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"87-37": {
id1: "87",
id2: "37",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"288-180": {
id1: "288",
id2: "180",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"55-132": {
id1: "55",
id2: "132",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"99-14": {
id1: "99",
id2: "14",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"204-187": {
id1: "204",
id2: "187",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"206-276": {
id1: "206",
id2: "276",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"91-4": {
id1: "91",
id2: "4",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"211-249": {
id1: "211",
id2: "249",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"84-99": {
id1: "84",
id2: "99",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"187-141": {
id1: "187",
id2: "141",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"224-92": {
id1: "224",
id2: "92",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"82-40": {
id1: "82",
id2: "40",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"57-99": {
id1: "57",
id2: "99",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"154-111": {
id1: "154",
id2: "111",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"193-276": {
id1: "193",
id2: "276",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"180-200": {
id1: "180",
id2: "200",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"260-102": {
id1: "260",
id2: "102",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"108-156": {
id1: "108",
id2: "156",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"256-115": {
id1: "256",
id2: "115",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"275-247": {
id1: "275",
id2: "247",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"168-276": {
id1: "168",
id2: "276",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"253-110": {
id1: "253",
id2: "110",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"235-228": {
id1: "235",
id2: "228",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"252-59": {
id1: "252",
id2: "59",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"286-212": {
id1: "286",
id2: "212",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"38-99": {
id1: "38",
id2: "99",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"92-282": {
id1: "92",
id2: "282",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"17-110": {
id1: "17",
id2: "110",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"132-8": {
id1: "132",
id2: "8",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"231-271": {
id1: "231",
id2: "271",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"229-276": {
id1: "229",
id2: "276",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"245-14": {
id1: "245",
id2: "14",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"157-44": {
id1: "157",
id2: "44",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"244-235": {
id1: "244",
id2: "235",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"140-40": {
id1: "140",
id2: "40",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"232-40": {
id1: "232",
id2: "40",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"241-257": {
id1: "241",
id2: "257",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"81-109": {
id1: "81",
id2: "109",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"87-273": {
id1: "87",
id2: "273",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"7-167": {
id1: "7",
id2: "167",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"141-61": {
id1: "141",
id2: "61",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"154-220": {
id1: "154",
id2: "220",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"255-47": {
id1: "255",
id2: "47",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"44-14": {
id1: "44",
id2: "14",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"196-244": {
id1: "196",
id2: "244",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"250-3": {
id1: "250",
id2: "3",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"246-116": {
id1: "246",
id2: "116",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"136-66": {
id1: "136",
id2: "66",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"214-144": {
id1: "214",
id2: "144",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"283-115": {
id1: "283",
id2: "115",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"24-66": {
id1: "24",
id2: "66",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"286-279": {
id1: "286",
id2: "279",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"262-107": {
id1: "262",
id2: "107",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"259-174": {
id1: "259",
id2: "174",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"180-231": {
id1: "180",
id2: "231",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"106-170": {
id1: "106",
id2: "170",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"9-247": {
id1: "9",
id2: "247",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"227-200": {
id1: "227",
id2: "200",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"211-27": {
id1: "211",
id2: "27",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"94-200": {
id1: "94",
id2: "200",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"242-180": {
id1: "242",
id2: "180",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"227-282": {
id1: "227",
id2: "282",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"55-277": {
id1: "55",
id2: "277",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"141-236": {
id1: "141",
id2: "236",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"164-167": {
id1: "164",
id2: "167",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"177-243": {
id1: "177",
id2: "243",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"48-40": {
id1: "48",
id2: "40",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"149-269": {
id1: "149",
id2: "269",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"222-131": {
id1: "222",
id2: "131",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"173-195": {
id1: "173",
id2: "195",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"144-26": {
id1: "144",
id2: "26",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"286-193": {
id1: "286",
id2: "193",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"6-102": {
id1: "6",
id2: "102",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"89-3": {
id1: "89",
id2: "3",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"25-138": {
id1: "25",
id2: "138",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"46-14": {
id1: "46",
id2: "14",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"42-78": {
id1: "42",
id2: "78",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"123-60": {
id1: "123",
id2: "60",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"18-195": {
id1: "18",
id2: "195",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"27-278": {
id1: "27",
id2: "278",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"107-197": {
id1: "107",
id2: "197",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"195-231": {
id1: "195",
id2: "231",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"158-195": {
id1: "158",
id2: "195",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"128-207": {
id1: "128",
id2: "207",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"109-66": {
id1: "109",
id2: "66",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"81-266": {
id1: "81",
id2: "266",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"22-16": {
id1: "22",
id2: "16",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"58-84": {
id1: "58",
id2: "84",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"64-273": {
id1: "64",
id2: "273",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"277-237": {
id1: "277",
id2: "237",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"185-46": {
id1: "185",
id2: "46",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"254-66": {
id1: "254",
id2: "66",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"87-152": {
id1: "87",
id2: "152",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
"134-276": {
id1: "134",
id2: "276",
end1: { arrow: false },
end2: { arrow: true },
...style.link,
},
};
}
export default data; <!doctype html>
<html>
<body>
<div id="regraph" style="height: 100vh"></div>
<script type="module" src="./code.jsx"></script>
</body>
</html>