Skip to content

Navigating and interacting with the graph

Investigation graph with tree layout

The graph is an interactive node-link diagram powered by Cytoscape.js, displayed on a dark background.

Basic interactions

Selection

ActionResult
Click on a nodeSelects the entity, opens its detail panel
Click on an edgeSelects the relationship, opens its detail panel
Click on the backgroundDeselects everything, shows the investigation panel
Shift + clickMultiple selection
Draw a rectangleArea-based multiple selection
ActionResult
Drag a nodeMoves the node
Drag the backgroundPan (move the view)
Scroll wheelZoom in / out

Context menu (right-click on a node)

  • ★ Favorite: mark / unmark the entity as a favorite
  • Duplicate: creates a copy of the entity
  • Delete: opens the deletion confirmation
  • Color: 8 available colors
  • Badge: 6 progress badges (Done, Exclamation, False positive, Question, Stop, Pending)
  • Size: S (small), M (medium), L (large)
  • Osint Industries — JSON import: import OSINT Industries JSON results onto this entity

Graph toolbar

ButtonShortcutFunction
Save positionsSaves the positions of all nodes
Mesh layoutPhysics-based algorithm (Euler)
Tree layoutHierarchical algorithm (Dagre)
CenterRecenters the view on the whole graph
Add entityOpens the entity creation dialog
Add multiple entitiesBulk-creates entities from a pasted list
FullscreenSwitches the graph to fullscreen mode
Hide badgesShows/hides progress badges
Hide imagesShows/hides node images
Hide labelsShows/hides node and edge labels

Legends

Two legends are shown on the graph:

  • Color legend (top): labels of the custom colors defined in the investigation (up to 8)
  • Family legend (bottom): entity type families with their color code

Fullscreen mode

The fullscreen button in the toolbar expands the graph to the full screen for better visibility during complex analyses.

Osintracker user guide