{"repo":"vasturiano/react-force-graph","free":true,"listed":false,"github":"https://github.com/vasturiano/react-force-graph","clone":"git clone https://github.com/vasturiano/react-force-graph.git","description":"React component for 2D, 3D, VR and AR force directed graphs","language":"HTML","stars":3277,"topics":["react","force-directed-graphs","3d","vr","canvas","webgl","d3-force","augmented-reality"],"license":"MIT","category":"ui-components","readme_excerpt":"react-force-graph ================= 2D : [![NPM package][npm-2d-img]][npm-2d-url] [![Build Size][build-size-2d-img]][build-size-2d-url] [![NPM Downloads][npm-downloads-2d-img]][npm-downloads-2d-url] 3D : [![NPM package][npm-3d-img]][npm-3d-url] [![Build Size][build-size-3d-img]][build-size-3d-url] [![NPM Downloads][npm-downloads-3d-img]][npm-downloads-3d-url] VR : [![NPM package][npm-vr-img]][npm-vr-url] [![Build Size][build-size-vr-img]][build-size-vr-url] [![NPM Downloads][npm-downloads-vr-img]][npm-downloads-vr-url] AR : [![NPM package][npm-ar-img]][npm-ar-url] [![Build Size][build-size-ar-img]][build-size-ar-url] [![NPM Downloads][npm-downloads-ar-img]][npm-downloads-ar-url] React bindings for the force-graph suite of components: force-graph (2D HTML Canvas), 3d-force-graph (ThreeJS/WebGL), 3d-force-graph-vr (A-Frame) and 3d-force-graph-ar (AR.js). This module exports 4 stand-alone React component packages with identical interfaces: react-force-graph-2d , react-force-graph-3d , react-force-graph-vr and react-force-graph-ar . Each can be used to represent a graph data structure in a 2 or 3-dimensional space using a force-directed iterative layout. Uses canvas/WebGL for rendering and d3-force-3d for the underlying physics engine. Supports zooming/panning, node dragging and node/link hover/click interactions. See also the react-three-fiber component. Examples Basic (source) Directional arrows (source) Directional moving particles (source) Auto-colored nodes/links (source) AR","default_branch":null,"files":null,"tree":[],"storefront":"/r/vasturiano","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/vasturiano/react-force-graph/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."}