|
1 | | -Omeka S version used for testing: 4.1.1 |
| 1 | +# Node Graph |
| 2 | + |
| 3 | +Node Graph is a high-performance Omeka S module for creating interactive node graph visualizations with flexible |
| 4 | +configuration for item selection, grouping, styling, and relationship mapping. |
| 5 | + |
| 6 | +The Node Graph module leverages [sigma.js](https://www.sigmajs.org/) with WebGL rendering, offering significantly better |
| 7 | +performance than the D3-based [Data Visualization](https://omeka.org/s/modules/Datavis/) module when handling large-scale |
| 8 | +graphs. While D3 relies on SVG or Canvas, which can become sluggish with hundreds of nodes and edges, sigma.js offloads |
| 9 | +rendering to the GPU via WebGL, enabling smooth interaction and real-time updates even with thousands of elements. This |
| 10 | +makes Node Graph ideal for visualizing dense, complex networks in Omeka S without compromising responsiveness or user |
| 11 | +experience. |
| 12 | + |
| 13 | +## Installation |
| 14 | + |
| 15 | +- Download a ZIP package from one of the [releases](https://github.com/Systemik-Solutions/OmekaS-NodeGraph/releases). |
| 16 | +- Extract the ZIP into the modules directory of your Omeka S installation. |
| 17 | +- In the Omeka S admin panel, go to Modules and click Install next to “Node Graph”. |
| 18 | + |
| 19 | +For more details, refer to the [Omeka S module installation guide](https://omeka.org/s/docs/user-manual/modules/). |
| 20 | + |
| 21 | +## Usage |
| 22 | + |
| 23 | +This module provides the "Node Graph" block which can be added to any site page. The following configuration options are |
| 24 | +available: |
| 25 | + |
| 26 | +- Search Query: Specify an Omeka S search query to select items to include in the graph. |
| 27 | +- Group by: Choose from "Resource Class", "Resource Template", or "Property value" to group nodes. Nodes in different groups |
| 28 | + will have distinct colors. If not specified, all nodes will share the same color. |
| 29 | +- Node colors: Select the node color for each group. If not specified, default colors will be used. |
| 30 | +- Selection of relationships: Choose which properties to use for creating edges between nodes. You can select multiple |
| 31 | +properties. If no properties are selected, all relationship properties will be used. |
| 32 | +- Exclude items without relationships: Optionally exclude items that do not have any relationships. |
| 33 | +- Cache result: When it's enabled, a background job will be created to precompute the graph data for faster loading. This is |
| 34 | + recommended for large graphs. |
| 35 | +- Popup Content: Define the content to display in a popup when clicking on a node. |
| 36 | +- Width: Set the width of the graph block (e.g., "100%", "600px"). |
| 37 | +- Height: Set the height of the graph block (e.g., "400px"). |
| 38 | + |
| 39 | +## Credits |
| 40 | + |
| 41 | +Inspired by the [Data Visualization](https://omeka.org/s/modules/Datavis/) module for Omeka S. |
0 commit comments