Viewing a saved revision (read-only)
43d86a6e9ed74ca7973dd8fb0a3ef9e3
Temp 2 Level
This visualization presents a cybersecurity investigation interface using D3.js v7, organizing STIX 2.1 objects into two interactive panes: a "Promotable" area for objects that can be promoted and a "Scratch Pad" for other types. It builds an adjacency graph from JSON data, rendering nodes and edges in SVG with a force simulation. Users can drag and zoom between the panes, with theme-based styling and tooltips providing object details.
AI-generated descriptionNote: V2 differs in two ways,
- The working pane is 2 svgs, instead of 3,
- The number of js files are reduced and file import process simplified to one for the tree view and one for the working panel, rather than 3
This UI has four groups of elements in bootsrap columns, horizontally across the page: Column 1. Treeview Dataslice Radio buttons Column 2. Cybersecurity treeview Column 3. Working Pane - A two level Working Pane, with the 'Scratchpad' below Column 4. Working Pane buttons - still to do