Skip to main content
SimilarExport ZIP
100%

Fork of Kartheek_ICE8_Networkgraph

✓ Published1🌍 Public
Cchamarthisreenivasvarma@gmail.com
Last edited Apr 5, 2024
Created on Apr 4, 2024

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.

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

Kartheek_ICE8_Networkgraph

A hierarchical network graph visualizes global tech layoffs, showing the top five companies per continent. The visualization uses D3.js v6 with `d3.forceSimulation` to position nodes by force-directed layout, linking continents to countries and then to specific companies like Google, Spotify, and MercadoLibre. Node circles are rendered as SVG elements with text labels, while links are drawn as lines with arrow markers. The data comes from a JSON file containing hierarchical relationships, and nodes are colored cyan with red borders, with hover effects highlighting selected nodes.

Kkartheekgurijala2023@gmail.com
88% 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
86% match
Loading thumbnail…

Kartheek_ICE8

This interactive tree chart visualizes tech layoffs across continents, countries, and companies. The hierarchical data is rendered as an animated SVG using D3.js (v3), with distinct node shapes and colors for each level: cyan circles for continents, green rectangles for countries, and cyan squares for companies. White links connect the nodes, and a legend explains the visual encoding. The chart uses D3’s tree layout, with nodes that respond to cursor events, and the entire graphic is set against a skyblue background.

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

Fork of Fork of Network Graph

This visualization shows a network graph of employee relationships, with circles representing individuals and lines connecting each person to their parent node. The graph uses a force-directed layout driven by `d3.forceSimulation`, applying link distance, charge, and centering forces to position nodes. Data loads from a CSV file hosted on a Gist, and the code builds nodes and links from the Name and Parent columns. Rendered as SVG, the graph updates node positions and link coordinates on each simulation tick, with styling applied to links, circles, and text labels.

Ssdarsi2404@gmail.com
79% 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
78% match