Skip to main content
SimilarExport ZIP
100%

Fork of La Ola Group

✓ Published0🌍 Public
VVikil Lakkavatri
Last edited Feb 18, 2023
Created on Feb 18, 2023
Forked from La Ola Group

This force-directed graph depicts the organizational structure of the Kenneth Rainin Foundation, showing connections between main departments like Coordinacion, Comercial, and Area Tecnica, with child nodes and leaf nodes representing sub-teams. Built with D3 v6, it uses `d3.forceSimulation` with `forceManyBody` and `forceLink` to position nodes, while SVGs render colored circles and labels that can be dragged via `d3.drag`. Node colors come from a generated palette in colors.js, and data is assembled programmatically in data.js.

AI-generated description

A graph diagram representing the network of connections of the Kenneth Rainin Foundation.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of La Ola Group

A force-directed network graph of an organizational chart generated with D3, showing the La Ola Group company hierarchy through connected nodes and links. Colored circles represent different departments, with nodes sized by level: main departments, child groups, and leaf nodes. The graph uses d3.forceSimulation with forceManyBody, forceLink, and forceCenter to position elements, while dragInteraction lets users reposition nodes. Data is generated programmatically in data.js, assigning colors from a predefined palette.

Llmdcma27@gmail.com
91% match
Loading thumbnail…

Fork of La Ola Group

A network graph of an organizational structure shows nodes for departments like Coordinacion, Comercial, and IT, connected by colored links. Larger nodes represent main groups, while smaller nodes branch into child categories and leaf labels. The visualization uses d3.forceSimulation with forceManyBody, forceLink, and forceCenter to position elements, and SVG circles and lines for rendering. Nodes are draggable via d3.drag, with data defined in separate JavaScript files.

Yyoav95
91% match
Loading thumbnail…

Fork of La Ola Group

This network diagram visualizes the structure of the "La Ola Group", depicting main departments like Coordination, Commercial, Technical Area, Finance, and IT, each with child nodes representing sub-teams. Each child node is surrounded by a cluster of leaf nodes. The force-directed layout, powered by `d3.forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter`, positions nodes based on link distances and a repulsive charge. The visualization is rendered as an SVG and uses a color palette from Paletton, with Node.js data structures defining nodes and links for the simulation.

Bbladestorm786
90% match
Loading thumbnail…

Fork of La Ola Group

This network diagram visualizes the organizational structure of a company, showing main departments like Coordinacion, Comercial, Area Tecnica, Finanzas, and IT as large colored nodes. Each department connects to smaller child nodes representing sub-teams (Ventas, Marketing, R&D), which further branch into tiny leaf nodes. The graph uses d3.forceSimulation with forceManyBody and forceLink to create a physics-based layout. Colors are defined in a separate module generated via Paletton. The interactive SVG visualization runs in d3.v6, with drag functionality and tick-based position updates for nodes, links, and labels.

Bbladestorm786
90% match
Loading thumbnail…

La Ola Group

A force-directed graph shows the internal team structure of La Ola Group, with main departments like Coordinación, Comercial, and IT connected by colored links, each with child nodes and leaf bubbles. Built with D3.js v6, it uses `d3.forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter` to position nodes dynamically in an SVG, with drag interaction to move nodes and label text overlaid on each circle. Data is defined in JavaScript arrays generated from a palette of six color schemes.

LLAolaDevEnrique
88% match
Loading thumbnail…

Fork of Organization Graph Diagram

This visualization uses a force-directed graph to map organizational connections within the Kenneth Rainin Foundation’s network. Nodes represent main entities, child organizations, and leaf nodes, with links showing relationships between them. The code employs `d3.forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter` to position elements, while SVG circles, lines, and text render the data. Node colors and sizes are defined in a separate data file, and drag interactions use d3’s `drag` behavior to let users reposition nodes dynamically.

DDarren Kay
84% match
Loading thumbnail…

Fork of Organization Graph Diagram

A force-directed graph visualizes the Kenneth Rainin Foundation's organizational network, with colored nodes representing main entities, child organizations, and small leaves. D3's `forceSimulation` with `forceManyBody` and `forceLink` positions nodes by link distance, while SVG circles, lines, and text render the structure. Dragging nodes via `drag` updates their fixed positions and restarts the simulation. Node colors come from a generated palette in `colors.js`, and the data defines hierarchical connections between groups like Arts Web, Social Impact Commons, and AmbitioUS.

JJuanda
84% match
Loading thumbnail…

Fork of Fork of Organization Graph Diagram

A network graph maps the organizational connections of the Kenneth Rainin Foundation, with large main nodes linked to smaller child nodes and leaf nodes. The visualization uses a force-directed simulation via `d3.forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter` to position nodes, while SVG circles, lines, and text render the structure. Node colors come from a generated palette, and drag interactions are enabled with D3's `drag` behavior. Data is defined programmatically in `data.js` with links styled by source node color.

SSudheesh-dev
84% match