{"repo":"vasturiano/r3f-forcegraph","free":true,"listed":false,"github":"https://github.com/vasturiano/r3f-forcegraph","clone":"git clone https://github.com/vasturiano/r3f-forcegraph.git","description":"Force-directed graph as a React Three Fiber component","language":"HTML","stars":49,"topics":["3d","data-visualization","force-directed-graphs","react-three-fiber","threejs","webgl"],"license":"MIT","category":"analytics","readme_excerpt":"React-Three-Fiber Force-Directed Graph ====================================== [![NPM package][npm-img]][npm-url] [![Build Size][build-size-img]][build-size-url] [![NPM Downloads][npm-downloads-img]][npm-downloads-url] React-Three-Fiber bindings for the three-forcegraph ThreeJS component. Check out the examples: Basic (source) Larger Graph (source) Directional arrows (source) Directional moving particles (source) Text as nodes (source) Highlight nodes/links (source) Click to expand/collapse nodes (source) Node collision detection (source) Force-directed tree (DAG mode) (source) ❤️ Support This Project If you find this module useful and would like to support its development, you can buy me a ☕. Your contributions help keep open-source sustainable! Quick start or using a script tag then API reference Data input Prop Type Default Description --- :--: :--: --- graphData object { nodes: [], links: [] } Graph data structure (see below for syntax details). Can also be used to apply incremental updates. nodeId string id Node object accessor attribute for unique node id (used in link objects source/target). linkSource string source Link object accessor attribute referring to id of source node. linkTarget string target Link object accessor attribute referring to id of target node. Node styling Prop Type Default Description --- :--: :--: --- nodeRelSize number 4 Ratio of sphere volume (cubic px) per value unit. nodeVal number , string or func val Node object accessor function, attribute ","default_branch":null,"files":null,"tree":[],"storefront":"/r/vasturiano","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/vasturiano/r3f-forcegraph/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}