Tag: forceDirected
- Auto-collapse other ForceDirectedTree nodes when node is explodedDemo
By default when node with children is clicked it is "exploded" - children are shown. This demo shows how we can catch such events to automatically collapse all other open nodes when that happens.
- Enable dragging of ForceDirectedNode to fixed locationDemo
This demo shows how we can dynamically affix a ForceDirectedNode which was dragged by a user so that it stays permanently in the same place, by dynamically making it a "fixed node".
- Highlight clicked ForceDirectedTree nodeDemo
This demo shows how we can use events and states to apply different look for the last clicked ForceDirectedNode.
- Labels on top of the ForceDirectedNodeDemo
This demo shows how we can put labels of the ForceDirectedTree node on top.
- Lighten fill color for each level of Force Directed Tree
This short but useful tutorial will show how you can automatically make node fill color lighter with each subsequent level of a nodes with each subsequent level in a Force Directed Tree.
- Toggling ForceDirectedNode via APIDemo
This demo shows how we can toggle ForceDirectedNode on and off using API functions hide() and show() on node's data item.
- Variable link widths in ForceDirectedTree
ForceDirectedTree is an exciting cool way to display relations between a number of entities. This tutorial will show how you can give those relations a quantitative value by applying custom width to each individual link.