OS-Threat UI
OS-Threat UI is an interactive D3.js v7 visualization that renders organizational threat data as a hierarchical tree in a left panel, with SVG-based rendering and animated interactions. The example uses a context menu system to display threat intelligence from companyIndex.json, where nodes represent entities like organizations, hardware assets, and software systems with associated metadata such as roles, sectors, and external references. The visualization supports dynamic interactions, including custom right-click context menus with actionable menu items, and is designed to explore identity-based relationships within a company's digital infrastructure. Built with a modular structure and MIT license, it demonstrates how D3 can handle complex hierarchical data with interactive UI elements in an animated SVG environment.# OS-Threat UI
## Interactive Threat Intelligence Visualization
This D3.js v7 visualization presents a hierarchical security-threat intelligence explorer for organizational asset and system mapping. The interface uses a collapsible tree structure rendered as an SVG left panel, enabling analysts to navigate complex identity and infrastructure relationships.
**Visual Structure:** The tree visualization organizes STIX 2.1 identity data into nested, icon-labeled branches—from organization through company assets (e.g., hardware) and systems (e.g., software servers) down to individual asset nodes, with edges clearly annotated (asset-of, system-of).
**Interaction:** Built with D3's drag and event handling, the tree supports dynamic context menus. Right-clicking a node opens a custom context menu, demonstrating how interactive D3 elements can enhance data exploration.
**Design choices:** Node icons distinguish assets from systems, while color-coded edges clarify relationship types. The use of indented hierarchy preserves data lineage.
**Data-ink efficiency:** The left-panel tree layout minimizes chart clutter while enabling deep dives into asset details via the context menu, making complex relationship data accessible at a glance.
---
Please create a concise description (under 100 words) of the above
data-visualization example for a gallery.**OS-Threat UI** is an interactive D3.js visualization that maps organizational assets and systems through a hierarchical tree view. Built with D3 v7 and SVG, it presents company infrastructure as an expandable, animated tree in a left panel. The data—sourced from a structured JSON index—shows company assets (like hardware) and systems (like software servers) with nested detail. Users can explore nodes and trigger context menus for further actions. The clean, icon-based design supports quick visual scanning of infrastructure relationships, making it a practical reference for security operations dashboards and asset management interfaces.