What is this?
work in progress
Installation is a work in progress, as I currently have no clue on|
- include typings files with js so that IDEs can identify
- creating a UMD version (I cant seem to the the babel-loader working) especially with d3.
It should, for now, work with
npm install -s force-mindmap
yarn add force-mindmap
or of course, you can just take
mindMapHelper.ts and compile them yourself.
import * as ForceMindMap from 'force-mindmap'; ...
Using with React
- This module does not support server side rendering*
If you are making a React app that is rendering serverside, you need to make sure to initialise and call
An example React App (built with GatsbyJS) is available here
Start simulation for the graph.
Go to the parent node (go up one level). This is used to implement a back button.
nodeName node used to navigate to any node. You can use this with bread crumb to create a navigable breadcrumb.
Returns breadcrumb(list of all parent nodes) for the current node.
For example, imagine a node structure like
grandfather -> father -> child.
child, this will return
father, this will return
grandfather, this will return
#Customisation Force-Mindmap exposes various variables for you to configure the mindmap. Most are pretty self explanatory.
|fontSizeRange||number||[60, 35, 20]|
|fontWeight||valid css fontWeight option||"bolder"|