Skip to content

⚛React component for creating Graph visualization ⦁→⦁→⦁

License

Notifications You must be signed in to change notification settings

assafsun/sun-graph

Repository files navigation

sunGraph

MIT license npm version CI style: styled-components

Inspired by swimlane/ngx-graph, 'sun graph' is a react component for creating beautiful graph visualization.
'sun graph' will help you to build beautiful graphs in a simple way and to create your own custom graph shapes with your data.

Installation

  1. Install sun-graph package by running the following command:
    yarn add sun-graph or
    npm install sun-graph

  2. Import SunGraph component into your react component from sun-graph.
    import { SunGraph } from "sun-graph";

Type Script Definitions

  1. Graph helper classes should be imported from graph.model
    import { Node, Edge } from "sun-graph/graph.model";

  2. Layout class should be imported from layout.model import { Layout } from "sun-graph/layout.model"

Documentation & Demo site

Check out our site at https://assafsun.github.io/sun-graph/

Run the demo site

  1. yarn install
  2. yarn start