leungwensen / Mindmap Layouts
Licence: mit
automatic layout algorithms for mindmaps
Stars: â 103
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Mindmap Layouts
Graphview
Flutter GraphView is used to display data in graph structures. It can display Tree layout, Directed and Layered graph. Useful for Family Tree, Hierarchy View.
Stars: â 152 (+47.57%)
Mutual labels: tree-structure, mindmap
Siyuan
đ SiYuan is a local-first personal knowledge management system, support fine-grained block-level reference and Markdown instant-render editing.
Stars: â 1,196 (+1061.17%)
Mutual labels: mindmap
Qlibc
qLibc is a simple and yet powerful C library providing generic data structures and algorithms
Stars: â 614 (+496.12%)
Mutual labels: tree-structure
Angular2 Tree Diagram
Angular Hierarchical UI module
Stars: â 50 (-51.46%)
Mutual labels: tree-structure
Java Object Diff
Library to diff and merge Java objects with ease
Stars: â 725 (+603.88%)
Mutual labels: tree-structure
Buckets Js
A complete, fully tested and documented data structure library written in pure JavaScript.
Stars: â 1,128 (+995.15%)
Mutual labels: tree-structure
Machine Learning Mindmap
A mindmap summarising Machine Learning concepts, from Data Analysis to Deep Learning.
Stars: â 5,339 (+5083.5%)
Mutual labels: mindmap
Blink Mind React
A mind map library for react that based on immutable.js.
Stars: â 38 (-63.11%)
Mutual labels: mindmap
Yii2 Pages Module
Application sitemap and navigation manager module for Yii 2.0 Framework
Stars: â 30 (-70.87%)
Mutual labels: tree-structure
Mind Elixir Core
Mind-elixir is a framework agnostic mind map core
Stars: â 798 (+674.76%)
Mutual labels: mindmap
Django Treebeard
Efficient tree implementations for Django
Stars: â 689 (+568.93%)
Mutual labels: tree-structure
Assessment Mindset
Security Mindmap that could be useful for the infosec community when doing pentest, bug bounty or red-team assessments.
Stars: â 608 (+490.29%)
Mutual labels: mindmap
Graphview
Android GraphView is used to display data in graph structures.
Stars: â 918 (+791.26%)
Mutual labels: tree-structure
Ki
Go language (golang) full strength tree structures (ki in Japanese)
Stars: â 61 (-40.78%)
Mutual labels: tree-structure
Deeplearning Mindmap
A mindmap summarising Deep Learning concepts.
Stars: â 1,251 (+1114.56%)
Mutual labels: mindmap
mindmap-layouts
automatic layout algorithms for mindmaps
input
{
"root": {
"name": "root",
"children": [
{
"name": "child-1",
"children": [
{
"name": "child-1-1"
},
{
"name": "child-1-2",
"children": [
{
"name": "child-1-2-1"
}
]
}
]
},
{
"name": "child-2"
},
{
"name": "child-3"
},
{
"name": "child-4",
"children": [
{
"name": "child-4-1"
},
{
"name": "child-4-2"
}
]
}
]
},
"links": [
{
"source": "child-1-1",
"name": "special link",
"target": "child-2"
}
]
}
Root and each of its descendants are nodes in a mindmap, like Topic in XMind.
Links are extra edges that connects two nodes in a mindmap, like Relationship in XMind.
Checkout more about .xmind file: xmind-sdk-javascript
Install
$ npm install mindmap-layouts --save
API
const MindmapLayouts = require('mindmap-layouts')
const layout = new MindmapLayouts.Standard(root, options) // root is tree node like above
const rootNode = layout.doLayout() // you have x, y, centX, centY, actualHeight, actualWidth, etc.
checkout here for a real world demo
demo
layouts
standard
right logical
left logical
downward organizational
upward organizational
[TODO] right fishbone
[TODO] left fishbone
[TODO] indented
[TODO] arc tree
[TODO] elbow tree
[TODO] horizontal Timeline
[TODO] vertical Timeline
links
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].