开源中国

我们不支持 IE 10 及以下版本浏览器

It appears you’re using an unsupported browser

为了获得更好的浏览体验,我们强烈建议您使用较新版本的 Chrome、 Firefox、 Safari 等,或者升级到最新版本的IE浏览器。 如果您使用的是 IE 11 或以上版本,请关闭“兼容性视图”。
GGEditor首页、文档和下载 - 基于 G6 和 React 的可视化图编辑器 - 开源中国社区
全部项目分类
MIT
JavaScript 查看源码»
跨平台
高力
分享
收藏
57 人收藏
收录时间:2018-09-06
GGEditor 详细介绍

GGEditor

基于 G6 和 React 的可视化图编辑器

演示

流程图

Flow

思维导图

Mind

安装

npm

npm install --save gg-editor

umd

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

快速开始

流程图

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

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

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

思维导图

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

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

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

文档

GGEditor

选择将代码托管在码云
你还在等什么

可能是中国最大最好的代码托管平台


大家对 GGEditor 的评论 (全部 7 条评论)
{{repayCom.userName}}
scl555
mark
天下无蛋蛋
有vue的版本么
RippleChan
如果有MindManager的功能。。。
--0_0--
第一个gif我已经基于G6做了一个版本了, 源码也略窥一二, 感觉没有echarts写的好
SalemChen
感觉是个好东东 mark
顶部