security_vision/semantic_graph
1
0
Fork 1
Code Issues Pull requests Projects Releases 1 Wiki Activity

Compare commits

base: security_vision:f9dec8a947c74f126c1e2c007df89448778e4b21
Branches Tags
security_vision:main
security_vision:filtering
security_vision:v1
..
compare: security_vision:d471ab197afa7f7458711be271daffef162e098c
Branches Tags
security_vision:main
security_vision:filtering
security_vision:v1

No commits in common. "f9dec8a947c74f126c1e2c007df89448778e4b21" and "d471ab197afa7f7458711be271daffef162e098c" have entirely different histories.
f9dec8a947 ... d471ab197a

1 changed files with 69 additions and 79 deletions
Show stats Expand all files Collapse all files

18
graph.js
View file

@ -3,7 +3,6 @@ const CONFIG = {
'nodeSize': 16, 'nodeSize': 16,
'baseUrl': 'https://www.securityvision.io/wiki/index.php/', 'baseUrl': 'https://www.securityvision.io/wiki/index.php/',
'dataUrl': 'semantic_data.json', 'dataUrl': 'semantic_data.json',
'preSimulate': true, // run simulation before starting, so we don't start with lines jumping around
'labels': { 'labels': {
'rotate': true, 'rotate': true,
}, },
@ -85,7 +84,7 @@ function splitText(text) {
}; };
function getTitle(obj) { function getTitle(obj) {
if (obj.parent) { if(obj.parent) {
return "sub of " + obj.parent.split('#', 1)[0].replace(/_/g, " ") return "sub of " + obj.parent.split('#', 1)[0].replace(/_/g, " ")
} }
return obj['@id'].split('#', 1)[0].replace(/_/g, " ") return obj['@id'].split('#', 1)[0].replace(/_/g, " ")
@ -130,7 +129,7 @@ function buildGraph(data) {
.iterations(2) // increase to make more rigid .iterations(2) // increase to make more rigid
) )
.force("charge", d3.forceManyBody() .force("charge", d3.forceManyBody()
.strength(-40) .strength(-50)
) )
.force("center", d3.forceCenter(width / 2, height / 2)) .force("center", d3.forceCenter(width / 2, height / 2))
.force("collision", d3.forceCollide(function (d) { .force("collision", d3.forceCollide(function (d) {
@ -301,15 +300,6 @@ function buildGraph(data) {
}); });
// simulate the first bit without drawing, so we don't have the 'jumping' graph in the beginning
if (CONFIG.preSimulate) {
for (var i = 0, n = Math.ceil(Math.log(simulation.alphaMin()) / Math.log(1 - simulation.alphaDecay())); i < n; ++i) {
simulation.tick();
}
}
return svg.node(); return svg.node();
} }
@ -343,7 +333,7 @@ const drag = simulation => {
.on("end", dragended); .on("end", dragended);
}; };
function selectNode(evt, node, d3Node) { function selectNode(evt, node, d3Node){
console.log(evt, node, d3Node); console.log(evt, node, d3Node);
document.querySelectorAll('svg .node').forEach(n => n.classList.remove('selected')); document.querySelectorAll('svg .node').forEach(n => n.classList.remove('selected'));
d3Node._groups[0][node.index].classList.add('selected'); d3Node._groups[0][node.index].classList.add('selected');
@ -354,7 +344,7 @@ function selectNode(evt, node, d3Node) {
const url = getUrl(node); const url = getUrl(node);
const hrefEl = infoEl.querySelector('.nodeHref'); const hrefEl = infoEl.querySelector('.nodeHref');
hrefEl.textContent = getTitle(node); hrefEl.textContent = getTitle(node);
hrefEl.setAttribute('href', url); hrefEl.setAttribute('href',url);
infoEl.querySelector('.nodeContents').src = url; infoEl.querySelector('.nodeContents').src = url;
} }