Skip to main content
SimilarExport ZIP
100%

Fork of Temp 2 Level

✓ Published0🌍 Public
Bbrett@cloudaccelerator.co
Last edited Jun 20, 2024
Created on Jun 20, 2024
Forked from Temp 2 Level

A D3.js visualization splits STIX 2.1 cyber-threat data into two panes: a "Promotable" area for incident-related nodes and a "Scratch Pad" for other objects like files, processes, and user accounts. The graph renders with SVG, using `d3.forceSimulation` for layout and `d3.zoom` for panning, while node colors and edge colors adapt to light or dark themes loaded from JSON config files. The code imports data from `scratch.json` and draws icons for each object type on rectangular nodes.

AI-generated description

There are two different panes:

  1. Promotable: Objects and their sub=graphs that can be promoted
  2. Scratch: Other types of objects
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Temp 2 Level

This visualization displays a STIX 2.1 cyber-threat intelligence graph, separating objects into two panes: “Promotable” and “Scratch Pad.” It uses D3 v7 to render SVG nodes and edges, with zoom and drag interactions. The graph is built from a JSON file containing software, file, process, and user account entities. The visualization supports theme switching between light and dark modes, with configurable colors for edges, labels, and SVG backgrounds.

Bbrett@cloudaccelerator.co
95% match
Loading thumbnail…

Fork of Temp 2 Level

This visualization displays a STIX 2.1 cyber-threat intelligence graph, separating objects into two panes: “Promotable” and “Scratch Pad.” It uses D3 v7 to render SVG nodes and edges, with zoom and drag interactions. The graph is built from a JSON file containing software, file, process, and user account entities. The visualization supports theme switching between light and dark modes, with configurable colors for edges, labels, and SVG backgrounds.

Bbrett@cloudaccelerator.co
95% match
Loading thumbnail…

Fork of Temp 2 Level

This visualization displays a STIX 2.1 cyber-threat intelligence graph, separating objects into two panes: “Promotable” and “Scratch Pad.” It uses D3 v7 to render SVG nodes and edges, with zoom and drag interactions. The graph is built from a JSON file containing software, file, process, and user account entities. The visualization supports theme switching between light and dark modes, with configurable colors for edges, labels, and SVG backgrounds.

Bbrett@cloudaccelerator.co
95% match
Loading thumbnail…

Fork of Temp 2 Level

This visualization displays a STIX 2.1 cyber-threat intelligence graph, separating objects into two panes: “Promotable” and “Scratch Pad.” It uses D3 v7 to render SVG nodes and edges, with zoom and drag interactions. The graph is built from a JSON file containing software, file, process, and user account entities. The visualization supports theme switching between light and dark modes, with configurable colors for edges, labels, and SVG backgrounds.

Bbrett@cloudaccelerator.co
95% match
Loading thumbnail…

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.

Bbrett@cloudaccelerator.co
85% match
Loading thumbnail…

Fork of OS-Threat UI v2

This interactive cybersecurity data visualisation presents a threat analysis dashboard where users explore hierarchical data structures in an index tree view and modify a two-level network graph in a working pane. The interface offers dataslice radio buttons to switch among threat categories (sighting, event, impact, etc.) and theme toggles for light or dark modes. The tree view uses D3.js `tree()` layouts with animated expand/collapse transitions, while the working pane leverages `d3.zoom()` and `d3.forceSimulation` to support drag, pan, and context-menu interactions on the force-directed graph. Data is loaded from local JSON files containing STIX 2.1 objects and relationships, rendered as SVG elements with dynamic node icons and labels.

MMax Barrass
78% match
Loading thumbnail…

Fork of OS-Threat UI

A fork of the OS-Threat UI renders STIX 2.1 threat intelligence data as a collapsible indent tree in a left panel, with a separate working panel for graph exploration. The tree uses d3.tree, d3.hierarchy, and custom SVG icons to display entities like sightings, indicators, and identities, while a context menu (d3.event.preventDefault) offers node actions. The working panel applies d3.zoom for panning and scaling, and button controls switch between data categories loaded from JSON files.

MMax Barrass
77% match
Loading thumbnail…

Fork of Fork of Stylized Line Chart

This interactive line chart visualizes 20,000 synthetic temperature readings over time, rendered as SVG paths using D3’s `line` and `area` generators within a React framework. Users can brush horizontally to zoom into finer levels of detail, switching between area and line representations while tooltips display exact timestamps and values. The data is preprocessed into multiple levels of detail, reducing points per view to maintain performance. D3 scales (`scaleTime`, `scaleLinear`) and axis components handle the coordinate system, with brush interactions powered by `brushX` and event listeners.

RRajat Dangat
72% match