Fork of Akhil- Cyber Attack Elements Network Graph

100%

Fork of Akhil- Cyber Attack Elements Network Graph

✓ Published0🌍 Public

Last edited Apr 2, 2024

Created on Apr 2, 2024

Forked from Akhil- Cyber Attack Elements Network Graph

This network graph maps relationships among cyber-attack elements, showing how assets like servers and databases connect to security devices and network infrastructure through labeled links such as “Protects” and “Hosts.” Nodes are positioned using `d3.forceSimulation`, `forceLink`, `forceManyBody`, `forceCollide`, and `forceCenter`, rendered as SVG circles with drag support from `d3.drag`. Arrowheads appear on links via SVG markers. Data originates from CSV or JSON sources, with edge weights and node groupings drawn from the provided files. Background styling and labeled text are defined in the accompanying CSS.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Akhil- Cyber Attack Elements Network Graph

This visualization displays a network graph of cyber attack elements, showing eight nodes representing assets, security devices, and networks connected by eight directed links labeled with relationships like "Protects," "Hosts," and "Connects to." The graph uses a force-directed layout via d3.forceSimulation, with drag interaction enabled through d3.drag. Nodes are rendered as green circles with labels using SVG, while links include arrowhead markers defined in SVG defs. Data loads from a JSON file containing nodes grouped into four categories and links with relationship metadata.

AAkhil Charugulla

91% match

Loading thumbnail…

Fork of Sai Yogesh- Tech Layoff's Network Graph

This network graph visualizes cyber attack elements across industries, geographies, and companies, with nodes grouped by category. Using D3 v6’s `forceSimulation`, `forceLink`, `forceManyBody`, and `forceCenter`, the SVG layout positions nodes and links dynamically; drag handlers let users reposition nodes. Node colors encode group membership (red for industry, blue for sectors, green for countries, yellow for companies), while hover tooltips reveal node and link labels via SVG `title` elements.

Ssaiyogesh9911@gmail.com

81% match

Loading thumbnail…

Tree Structure - Akhil

This visualization presents a hierarchical tree diagram of cyber security attack categories, branching from general incident types down to specific malware variants. It uses D3.js v3 to render an interactive SVG tree with animated transitions. Nodes are color-coded by hierarchy level, with text labels displaying attack names and parent-child relationships. The data structure explicitly defines the tree hierarchy, while CSS hover effects on links and styled node circles enhance readability and user engagement.

AAkhil Charugulla

76% match

Loading thumbnail…

Fork of Fork of Force-Directed Graph V9 test

This force-directed graph visualizes network connections between IT applications and infrastructure devices, with nodes loaded from applications.csv and links from interf.csv. The example uses d3.forceSimulation with forceManyBody, forceLink, forceCenter, and forceCollide to position nodes, while d3.drag enables interactive repositioning. Rendered as SVG circles and lines, node labels display alongside each element, with gray strokes marking links and text shadows for readability.

AAbdouEnsaj

76% match

Loading thumbnail…

network representation of data

This interactive D3.js network graph maps IoT device types to their associated attack vectors, using a force-directed layout to position nodes. Nodes represent either devices (orange) or attack types (teal), with links showing connections like a Camera linked to Phishing and Brute Force. The visualization is built with `d3.forceSimulation` and its `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` components, rendered as an SVG with draggable circles and labels. Data is hardcoded in the script, and the color-coding distinguishes device nodes from attack nodes.

Vvenigallajaanu@gmail.com

76% match

Loading thumbnail…

Fork of Force-Directed Graph IT ct with alternatin Power

This network diagram uses force-directed layout to show relationships between IT applications and infrastructure components. Nodes represent applications from a CSV file, while links show connections with varying strength values that determine link distances—stronger connections place nodes closer together. The simulation uses `d3.forceSimulation` with `forceManyBody`, `forceLink`, `forceCenter`, and `forceCollide` to position the circles. Nodes are draggable through D3's drag interaction, which fixes their positions during dragging. All elements render as SVG circles, text labels, and light gray lines.

MMichaelTress

76% match

Loading thumbnail…

Stix D3 Force Graph

This interactive network graph visualizes relationships between cybersecurity threat entities, such as malware, campaigns, and attack patterns, derived from a STIX JSON file. The example uses a force-directed layout driven by D3's `forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` forces. Nodes are rendered as SVG circles, edges as lines, and a Bootstrap dropdown menu offers alternate icon shapes. The graph supports dragging and double-clicking to pin or release nodes, with zoom functionality applied to the SVG group.

Bbrett@cloudaccelerator.co

75% match

Loading thumbnail…

Fork of Network Graph

This example shows a small network of characters involved in a crime investigation, with nodes named for suspects, victims, and an eyewitness. The graph uses a force-directed layout to position seven nodes and six weighted links, where line thickness corresponds to the link’s weight value. The visualization is rendered as an SVG using D3.js version 4’s `d3.layout.force` API, and nodes are draggable circles with labels. Data is loaded from an external JSON file containing node groups and link weights.

Yyaswanthsen

75% match