ReactJS Graphs
A simple react component to draw branched graphs consisting of vertices and edges.
How To Use?
- Install using
npm install reactjs-graphs --save
- Import in your react project:
import Graph from 'reactjs-graphs'
- Use directly in render function. Here's an example explaining all possible props you can pass:
import React from 'react'import ReactDOM from 'react-dom'import Graph from 'reactjs-graphs' const onClick = label index extras console const vertices = label: "A" onClick label: "B" onClick label: "C" onClick label: "D" onClick label: "E" onClick label: "F" onClick label: "G" onClick label: "H" label: "I" label: "J" label: "K" label: "L" label: "M" label: "N" const edges = "A" "B" "B" "C" "C" "D" "C" "E" "C" "F" "C" "G" "F" "H" "E" "H" "G" "H" "H" "I" "H" "J" "H" "K" "K" "L" "J" "L" "I" "L" "L" "M" "L" "N" ReactDOM
- The example above would render the following graph: