Fork of Sai Yogesh- Tech Layoff's Network Graph

100%

Fork of Sai Yogesh- Tech Layoff's Network Graph

✓ Published0🌍 Public

Last edited Apr 3, 2024

Created on Apr 3, 2024

Forked from Akhil- Cyber Attack Elements 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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Kartheek_ICE8_Networkgraph

This network graph shows the relationships between industry sectors, geographic regions, and specific companies based on tech layoffs. A central "Industry" node connects to five sectors, which then link to countries and individual startups. The visualization uses a force-directed simulation with `d3.forceSimulation`, `d3.forceLink`, and `d3.forceManyBody` to position nodes, while `d3.drag()` enables interactive node manipulation. Data is loaded from `data.json` and rendered as SVG circles and lines, with node colors representing different groups.

Ssaiyogesh9911@gmail.com

85% 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.

81% match

Loading thumbnail…

Network Graph

This network graph visualizes startup layoffs across industries and countries, with nodes colored by category (red for tech layoffs, blue for industry sectors, green for countries, yellow for individual companies). The graph uses d3.forceSimulation with link distance and many-body charge forces to position nodes, while d3.drag enables interactive node movement. Links connect companies to their respective industry and country, revealing geographic distribution patterns. The visualization renders in SVG and uses D3 v7 within a plain HTML page.

Ssaiyogesh9911@gmail.com

80% match

Loading thumbnail…

Fork of Kartheek_ICE8_Networkgraph

This network graph visualizes the global distribution of tech layoffs across continents and countries, using a hierarchical structure of nodes and links. A central "Tech-Layoffs" node branches into continent nodes, which further connect to specific countries and company names. The visualization uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCollide` to position the nodes, with `d3.drag()` enabling interactive node manipulation. All nodes are rendered as cyan circles with red strokes, and the data comes from a local `data.json` file.

Cchamarthisreenivasvarma@gmail.com

79% match

Loading thumbnail…

Network

This example shows a force-directed network of eight major tech companies, with nodes colored by industry sector—software, hardware, e-commerce, and cloud/AI—and links styled by relationship type: solid teal for partnerships, dashed yellow for competition, and pale green for collaboration. The visualization uses D3’s `d3.forceSimulation` to position nodes and render SVG links and circles, with hover highlighting and a fixed tooltip showing details. Data is hardcoded as arrays of node and link objects, and the layout is drawn entirely in scalable SVG within a fixed 1100×700 viewBox.

AAnurup Reddy

78% match

Loading thumbnail…

Fork of Network

This gallery example visualizes a network of ten major technology companies, with nodes representing firms like Microsoft, Google, and NVIDIA, and links depicting collaborations or partnerships labeled by type such as “Investment” or “Competition.” The visualization uses d3.forceSimulation to position the nodes physically, with node size and color encoding company group, while link thickness reflects collaboration strength. Rendered as an animated SVG, the chart employs d3.v7 and a manual color scale to distinguish company types. Hovering over a node is enabled, though the code primarily demonstrates a static force-directed layout.

AAmrit Adhikari

78% match

Loading thumbnail…

Fork of Node-Link Diagram with Force-Directed Layout Using D3

This interactive force‑directed node‑link diagram visualizes the SOC‑FIRM‑HI‑TECH network from the Network Data Repository. Nodes represent individuals categorized into six historical periods, while links show connections between them. The layout is computed dynamically using `d3.forceSimulation` with many‑body repulsion, centering, and link forces, and supports dragging. The D3 v7 implementation renders SVG circles and lines, with node labels and tooltips. Data is loaded from CSV files containing node IDs and edge lists, and colors are assigned via a categorical scale.

Mmalipieroproject

78% match

Loading thumbnail…

Fork of Fork of React & D3 Starter

A force-directed network diagram visualizes relationships among eight tech companies, categorized as Software, Hardware, E-commerce, or Cloud/AI. Node color encodes category, while node size reflects connection count, and edge style encodes partnership, competition, or collaboration type. The visualization uses D3 v7's `forceSimulation` with `forceLink`, `forceManyBody`, `forceCenter`, and `forceCollide`, rendering nodes as SVG circles with labels and tooltips.

AAnurup Reddy

77% match