in packages/network-navigator/src/NetworkNavigator.ts [114:142]
constructor(element: JQuery, width = 500, height = 500) {
this.element = $(template());
element.append(this.element);
this.svgContainer = this.element.find(".svg-container");
this.element.find(".clear-selection").on("click", () => {
this.textFilter = "";
this.updateSelection(undefined);
this.events.raiseEvent("textFilter", "");
});
const handleTextInput = debounce(() => {
this.filterNodes(this.textFilter);
this.events.raiseEvent("textFilter", this.textFilter);
}, 500);
this.filterBox.on("input", handleTextInput);
this.dimensions = { width, height };
this.svg = d3.select(this.svgContainer[0]).append("svg")
.attr("width", width)
.attr("height", height);
this.force = d3.layout.force()
.linkDistance(10)
.linkStrength(2)
.gravity(.1)
.charge(-120)
.size([width, height]);
this.vis = this.svg.append("svg:g");
this.redraw();
}