Fork of La Ola Group

100%

Fork of La Ola Group

✓ Published0🌍 Public

Last edited Oct 13, 2025

Created on Oct 13, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

92% match

Loading thumbnail…

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

VVikil Lakkavatri

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

91% match

Loading thumbnail…

Fork of La Ola Group

This network graph maps the conceptual relationships between calculus topics, such as derivatives, integrals, and function properties. The visualization employs a force-directed layout, using D3's `forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter` APIs to position nodes. The graph is rendered as SVG circles and connecting lines, with node sizes and colors indicating hierarchy, from main concepts to child topics and leaf details. The data structure, defined in `data.js`, establishes a network where the largest node represents the core topic of "平均变化率" (average rate of change).

Mmyoung1032

79% match

Loading thumbnail…

Fork of Fork of Organization Graph Diagram

A force-directed graph shows the network of connections between organizations in the Kenneth Rainin Foundation's ecosystem. Four main nodes with distinct colors branch into child nodes and small unlabeled leaves, while links connect the main clusters. The visualization uses d3.forceSimulation with forceManyBody, forceLink, and forceCenter to position nodes, with drag interaction for manual rearrangement. Data comes from a custom data.js file, rendered as SVG circles, lines, and text labels.

AAzazello13

78% match

Loading thumbnail…

Fork of Organization Graph Diagram

A force-directed graph shows the network of organizations connected to the Kenneth Rainin Foundation, with nodes sized by hierarchy level and colored by their parent organization. D3’s `forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter` arrange the nodes and links, while drag interaction lets users reposition them. Data is defined in `data.js` using the supplied `colors` palette, and the SVG rendering updates on each tick to reposition circles, lines, and labels.

Aape-ape-ape

78% match