代码拉取完成,页面将自动刷新
同步操作将从 antv/Graphin 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
Graphin means Graph Insight (analysis of graphs). It is a library based on G6 and React and offers graph analysis ability out of the box. Graphin's logo is graphene, which means the potential of the future.
For more infomation, please check the Graphin Website.
Graphin use lerna to manage this repo. This repo contains the following packages:
/packages
graphin
graphin-components
graphin-studio
graphin-site
Please checkout the specific package:
Package Name | Description |
---|---|
@antv/graphin | Core React component of Graphin |
@antv/graphin-components | Graphin components |
@antv/graphin-site | Graphin documentation website |
graphin-studio | A Graphin demo: generic graph analysis workbench based on Graphin |
npm run --save @antv/graphin
import React from 'react';
import ReactDOM from 'react-dom';
import Graphin, { Utils } from '@antv/graphin';
import '@antv/graphin/dist/index.css'; // Don't forget to import css
import './styles.css';
const App = () => {
const data = Utils.mock(10).graphin();
return (
<div className="App">
<Graphin data={data} />
</div>
);
};
const rootElement = document.getElementById('root');
ReactDOM.render(<App />, rootElement);
Set your npmClient in lerna.json, developers in China can set npmClient to cnpm
// ./lerna.json
{
"packages": ["packages/*"],
"npmClient": "yarn",
"version": "0.0.0"
}
npm i
npm run bootstrap
npm run start
npm run start
npm run studio
npm run site
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。