Step 11: Force Graph Mind Map

Rendering mind map nodes in a force-directed graph

Nuffshell

88.7k

0

119

.codesandbox

public

src

App.js

MindMapNode.js

colors.js

colorsByLevel.js

data.json

index.js

initializeScene.js

renderMindMap.js

renderToCanvas.js

renderToSprite.js

updateLinkPosition.js

package.json

classnames2.2.6

react17.0.0

react-dom17.0.0

react-scripts3.4.3

three0.123.0

three-forcegraph1.37.0

App.js