Skip to main content
SimilarExport ZIP
100%

Fork of Kartheek_ICE8_Networkgraph

✓ Published0🌍 Public
Ssaiyogesh9911@gmail.com
Last edited Apr 3, 2024
Created on Apr 3, 2024

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.

AI-generated description
MIT Licensed

Similar vizzes

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
89% 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
85% match
Loading thumbnail…

Sreenivas Varma_ICE8_Networkgraph

This interactive network graph visualizes tech layoffs across continents, countries, and specific companies. The visualization uses a hierarchical structure where the central node, "Tech-Layoffs," connects to six continental nodes, which then branch to country nodes and finally to individual company nodes. The graph is rendered as an SVG using D3 v6, with nodes positioned through a physical simulation driven by `d3.forceSimulation`, combining link, charge, collision, and center forces. Users can drag nodes, and the system updates positions in real-time via the simulation's tick event, with all styling and interactions defined in the accompanying CSS file.

Cchamarthisreenivasvarma@gmail.com
81% match
Loading thumbnail…

ice-8

This interactive tree chart visualizes tech industry layoffs, organizing companies by sector and country. The D3.js (version 3.5.17) layout renders an SVG hierarchy with distinct node shapes and colors: cyan circles for industries, aqua rectangles for countries, and yellow squares for companies, all linked by white strokes on a tan background. A fixed legend explains the mappings. The static dataset includes four industries—Finance, Security, Education, and Healthcare—with associated countries and named startups, though the animation capability implied by the metadata is not implemented in the shown code.

Ssaiyogesh9911@gmail.com
81% 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
79% match
Loading thumbnail…

Fork of ICE8-network

This collaborative network visualization uses a force-directed layout to show relationships between students, projects, and a lab. D3’s `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` position colored nodes by group, while link thickness encodes connection value. The SVG rendering includes draggable nodes via `d3.drag()` and hover tooltips that display each node’s name and group. Data loads from two CSV files, with node color mapped by a `d3.scaleOrdinal`.

Ssaiprasadpilla937@gmail.com
78% match
Loading thumbnail…

ICE-8 Network graph

This interactive network graph visualizes the top five job categories and company locations from a jobs-in-data CSV dataset. Nodes represent job categories (blue) and company locations (orange), with links showing connections between them, using color to distinguish node types. The graph uses D3.js v7 with `d3.forceSimulation` for physics-based layout, `d3.forceLink` for link forces, and `d3.forceManyBody` for node repulsion, all rendered as SVG with arrowheads on links. Users can drag nodes, which updates the simulation via drag event handlers, while labels display each node’s ID.

Mmedurisk7@gmail.com
78% match
Loading thumbnail…

Fork of Fork of ICE8 network graph

This network graph visualizes relationships between countries, with nodes representing nations and links showing connections. The node positions are determined by a force-directed layout, and users can click and drag nodes to rearrange them. The graph uses D3 v4’s force simulation API, along with SVG rendering, to display circles for nodes and lines for links, with link thickness reflecting the weight data from the JSON file.

Yyoav95
77% match