network representation of data

100%

network representation of data

✓ Published0🌍 Public

Last edited Apr 9, 2025

Created on Apr 6, 2025

Forked from visualization of data in tree format

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.

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

79% match

Loading thumbnail…

Network

A force-directed network graph visualizes WiFi-connected devices in a home, with nodes representing devices like a router, laptop, phone, and smart TV, colored by device type via `d3.scaleOrdinal` and `d3.schemeCategory10`. The layout is computed using `d3.forceSimulation` with `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` forces, rendered as SVG circles and lines. Data is loaded from `wifi_network.json`, and nodes are draggable, with labels positioned beside each circle as the simulation ticks.

AArun Kumar M

77% match

Loading thumbnail…

Network Map #3

This network visualization maps the devices on a local area network using a force-directed graph layout. The D3.js and d3-force libraries power a physics simulation that positions nodes representing IP addresses and hosts (like "Pixel-4" and "LIFX") as red circles connected by black lines, with each node labeled by its identifier. The graph organizes around central gateway IP addresses from the CSV data, illustrating the network's structure and device relationships.

Kkeitheade

77% match

Loading thumbnail…

Fork of 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.

76% match

Loading thumbnail…

Network Graph

This network graph visualizes relationships among individuals and locations, with nodes labeled by names like "UNT" and connections indicating links between them. The interactive force-directed layout, built with d3.forceSimulation, incorporates link, many-body, collision, and center forces to position the nodes. The SVG renderingshowcases teal circles with direction arrows, while mouseover highlights a node using a CSS class. Data is loaded from a JSON file defining nodes and links, with colors assigned via a simple color scale.

SSravani93-creater

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

76% 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

76% match

Loading thumbnail…

Network_visualization

This network visualization maps the relationships within a Data & AI ecosystem. It loads node and link data from remote CSV files and uses a force-directed layout via `d3.forceSimulation`, `forceLink`, and `forceManyBody` to position connected circles. Each node is colored by group using `d3.scaleOrdinal`, labeled with its ID, and rendered in SVG alongside connecting lines. The simulation runs continuously, and nodes are interactive through d3-drag, with hover tooltips showing node names.

AAparna Desi Reddy

75% match