51

GitHub - gaoli/gg-editor: A visual graph editor based on G6 and React

 5 years ago
source link: https://github.com/gaoli/gg-editor
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

README.md

English | 简体中文

GGEditor

language GitHub license npm version npm downloads

A visual graph editor based on G6 and React.

Demo

Flow

Flow

Mind

Mind

Installation

npm

npm install --save gg-editor

umd

<script src="https://unpkg.com/gg-editor@${version}/dist/bundle.js"></script>

Usage

Flow

import GGEditor, { Flow } from 'gg-editor';

const data = {
  nodes: [],
  edges: [],
};

<GGEditor>
  <Flow data={data} />
</GGEditor>

Mind

import GGEditor, { Mind } from 'gg-editor';

const data = {
  roots: [{
    label: '',
    children: [{
      label: '',
    }],
  }],
};

<GGEditor>
  <Mind data={data} />
</GGEditor>

Documentation

DingTalk Group

DingTalk Group


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK