This module for Foundry VTT adds a third view to each Journal Entry: The MindMap View.
In this view you organize you can create a network graph for organizing your relations, flow charts, campaign structures, ideas or whatever you can imagine! Just Drag the data from the sidebar to begin planning.
I found on the project of 'Moerills' https://gitlab.com/moerills-fvtt-modules/graphs a very promising module but it's seems abbandonded.
If you are not a "Typescript developer" you can simply rename all the "ts" files in "js" and developing in javascript,
if you are interested in the module, there are developers who would take it over for an appropriate fee and I invite you to join the trello bounty
Additional (eventually on separate bounty)
Set a journal specialized for generic graph (default) Set a journal specialized for build timeline Set a journal specialized for build family tree
This module is still in a BETA version!
This being said i'm pretty confident that the basic usage does work rather well.
This release is mainly to gather feedback on usage and gather feature suggestions.
To keep in touch and keep this organized, PLEASE use this gitlabs Issue Tracker for suggestions and bugs. Also before you submit an issue or suggestion, make sure its not submitted already.
It's always easiest to install modules from the in game add-on browser.
To install this module manually:
- Inside the Foundry "Configuration and Setup" screen, click "Add-on Modules"
- Click "Install Module"
- In the "Manifest URL" field, paste the following url:
https://raw.githubusercontent.com/p4535992/foundryvtt-mindmap/master/src/module.json
- Click 'Install' and wait for installation to complete
- Don't forget to enable the module in game using the "Manage Module" button
This module uses the libWrapper library for wrapping core methods. It is a hard dependency and it is recommended for the best experience and compatibility with other modules.
Cytoscape (3.18.1)
Cytoscape Cise (1.0.0)
Cytoscape Cola (2.4.0)
Cytoscape context menus (4.0.0)
cytoscape-compound-drag-and-drop (1.0.0)
cytoscape-cose-bilkent (4.1.0)
cytoscape-cxtmenu (3.4.0)
cytoscape-dagre (2.3.2)
cytoscape-edgehandles (3.6.0)
cytoscape-fcose (2.0.0)
cytoscape-klay (3.1.4)
cytoscape-spread (3.0.0)
d3 (6.6.2)
Start up FVTT, connect to a world, choosee a Journal Entry and click on MindMap in the titlebar. Now you will see a canvas filling the journal, just drag Entities from the sidbar onto it. If you drag an entity onto an already existing Node it will automatically create a directed edge from the existing node to the newly created one.
You can double click a node to view its sheet.
Press and hold the right mouse button on a Node or an Edge for more options. Just drag your mouse pointer onto the option you want to choose and release the right mouse button to choose it.
- Open Sheet: Opens the sheet
- Add Edge: Choose another node to create a directed edge to.
- Toggle visited: Marks the node as visited.
- Delete: Deletes the Node and all edges attached to it.
- Modify Label: Type to add a label to the node
- Toggle Direction: Changes the direction of the edge. Switches between directed and undirected, while toggling the direction.
- Delete: Deletes the edge
Drag the canvas to move around, mouse wheel to zoom.
You can choose a layout using the settings menu in the bottom left corner. Physics simulated layouts tend to be slower than the others.
Available Layouts:
- Manual: You can choose the position of your nodes yourself. Tip: Set a layout you like, switch to manual and adjust afterwards. This also removes the possible randomness of the physics based layouts.
- Grid
- Circle
- Concentric: Tries to organize nodes in concentric circles
- Breadthfirst: Organizes nodes in a hierarchy, based on a breadthfirst traversal of the graph. Results in a tree or forest like structure if the graph is similar to one.
- Dagre
- Klay
- fast Compound Spring Embedder: Physics simulation to position the nodes.
- Spread: Physics simulation trying to use the whole viewport space.
- CiSE (Circular Spring Embedder): Physics simulation trying to create circular clusters.
- Cola: Physics simulation, smooth animation, "focused on aesthetically pleasing results for small graphs".
- Random: Randomizes node position.
This project uses Cytoscape.js licensed under the MIT license. It also uses the following Cytoscape.js extensions, all licensed under the MIT license:
All layouts used are linked above and licensed under the MIT license.
Art used as placeholder images for nodes does come from (game-icons.net)[https://www.game-icons.net] and is licensed under CC BY 3.0.
This project uses the Foundry Project Creator by N. van Oosten.
Any issues, bugs, or feature requests are always welcome to be reported directly to the Issue Tracker, or using the Bug Reporter Module.
This package is under an MIT license and the Foundry Virtual Tabletop Limited License Agreement for module development.
Bootstrapped with League of Extraordinary FoundryVTT Developers foundry-vtt-types.
Mad props to the 'League of Extraordinary FoundryVTT Developers' community which helped me figure out a lot.
Thanks to anyone who helps me with this code! I appreciate the user community's feedback on this project!