2.18.1 • Published 12 months ago

@antv/x6 v2.18.1

Weekly downloads
2,233
License
MIT
Repository
github
Last release
12 months ago

Features

  • 🌱 easy-to-customize: based on well known SVG/HTML/CSS or React to custom nodes and edges
  • 🚀 out-of-the-box: built-in 10+ plugins, such as selection, dnd, redo/undo, snapline, minimap, etc.
  • 🧲 data-driven: base on MVC architecture, you can focus on data logic and business logic
  • 💯 highly-event-driven: you can react on any event that happens inside the graph

Installation

# npm
$ npm install @antv/x6 --save

# yarn
$ yarn add @antv/x6

Usage

Step 1: specify a container the render the diagram.

<div id="container" style="width: 600px; height: 400px"></div>

Step 2: render nodes and edges.

import { Graph } from '@antv/x6'

// Create an instance of Graph.
const graph = new Graph({
  container: document.getElementById('container'),
})

// Render source node.
const source = graph.addNode({
  x: 60,
  y: 60,
  width: 80,
  height: 40,
  label: 'Hello',
})

// Render target node.
const target = graph.addNode({
  x: 240,
  y: 240,
  width: 80,
  height: 40,
  label: 'World',
})

// Render edge from source to target.
graph.addEdge({
  source,
  target,
})

Documentation

Development

# install yarn and lerna
$ npm install yarn -g
$ npm install lerna -g

# install deps and build
$ yarn bootstrap

# run tests
$ yarn test

# build
$ yarn build

Experience Improvement Program Description

In order to serve the users better, x6 will send the URL and version information back to the AntV server:

https://kcart.alipay.com/web/bi.do

Except for URL and x6 version information, no other information will be collected. You can also turn it off with the following code:

import { Config } from '@antv/x6'

Config.track(false)

Contributing

Please let us know how can we help. Do check out issues for bug reports or suggestions first.

To become a contributor, please follow our contributing guide.

visualization1sd-flow-graph@sunnylinner/vcomponentsantvx6-fault-wlcrmtestcmpwzy-baseshawnz-work-flow-enginescrm-adminartusview1@formlogic/editor@infinitebrahmanuniverse/nolb-_antvobstacle-wl@everything-registry/sub-chunk-71@rubyli/web-componentsdcc-model-center2dcc-model-center3dcc-model-center4winner-app-cloud-game-containerwinning-schedulewinning-securitywinning-developvue-lib-zmdworkflow-chatx6-ceshix6-data-drivenx6-editor-frax6-editor-vuex6-flow-editorx6-react-shapex6_scadax6componentx6toolwuren-graph-enginexflow-vue-nextxflowerteamcosun-flow-graphtiklab-flow-uitiklab-kanass-uitiklab-teamwire-uivite-vue-project-demovisualization-viewvitevuivue-flow-graphvue-dm-xflow@ctoweb/plugin-mind@das-fed/utils@cowave-ui/x6@cainiaofe/sutee-flowcooreal-p-uicloud-graph-tools-testdhns-uijinwei-graph-editjournal-componentsjbxl-workflowrejst-mentalsword-testing01@sasyesp03/elsa-workflows-studio-ulixestrategy-panelstrategy-canvas-panelsqe-editersqg-editorsuper-wysheettucc-flow-uitixwork-uitopology-designabletuffy-ui3@antv/xflow@arch-diagram/core@arvinxu/mindflow@ant-design/flowchart@agentlab/ldkg-ui-diags@aliretail/react-crm-member-sdk@alilc/lce-graph-tools@aliretail/react-flow-editor@aliretail/react-react-flow-editor@banmao/draw@byte-web-base/byte-db-docs@0fan/designable-flow@didesignable/formily-antdyh-x6ydt-qc-uiydt-uizy_npmdemovue-x6-editorvue-x6-promotevue-topology-editorw-vue-middlevue3_newstsl-vuetsl-vue-tempv-topo-drawzm-zzzzk-flow-designer@fast-snail/flowdesigner@gui-one/website@gui-one/material@gui-one/material-print@gui-one/monaco@gui-one/react@gui-one/react-settings-form
1.35.1

12 months ago

2.18.1

1 year ago

2.17.1

2 years ago

2.16.1

2 years ago

2.15.6

2 years ago

2.15.4

2 years ago

2.15.5

2 years ago

2.11.4

2 years ago

2.11.5

2 years ago

2.11.2

2 years ago

2.11.3

2 years ago

1.34.14

2 years ago

1.35.0

2 years ago

2.15.2

2 years ago

2.15.3

2 years ago

2.15.1

2 years ago

2.14.1

2 years ago

2.13.1

2 years ago

2.12.1

2 years ago

2.11.1

2 years ago

2.10.1

2 years ago

2.9.6

2 years ago

2.9.7

2 years ago

2.9.5

2 years ago

2.4.0

2 years ago

2.5.6

2 years ago

2.5.5

2 years ago

2.5.7

2 years ago

1.34.10

2 years ago

2.3.0

2 years ago

1.34.11

2 years ago

1.34.12

2 years ago

1.34.13

2 years ago

2.8.0

2 years ago

2.9.2

2 years ago

2.9.1

2 years ago

2.9.4

2 years ago

2.9.3

2 years ago

2.7.1

2 years ago

2.6.1

2 years ago

2.5.0

2 years ago

2.5.2

2 years ago

2.5.1

2 years ago

2.5.4

2 years ago

2.5.3

2 years ago

1.34.8

2 years ago

1.34.9

2 years ago

2.2.1

2 years ago

2.2.0

2 years ago

2.1.4

3 years ago

2.1.6

2 years ago

2.1.5

3 years ago

2.0.6-beta.15

3 years ago

2.0.6-beta.16

3 years ago

2.0.6-beta.18

3 years ago

2.0.6-beta.26

3 years ago

2.0.6-beta.25

3 years ago

2.0.6-beta.20

3 years ago

2.0.6-beta.21

3 years ago

1.34.3

3 years ago

1.34.6

3 years ago

1.34.5

3 years ago

3.0.0

3 years ago

2.1.2

3 years ago

2.1.1

3 years ago

2.1.3

3 years ago

2.1.0

3 years ago

2.0.3

3 years ago

2.0.2

3 years ago

2.0.5

3 years ago

2.0.4

3 years ago

2.0.7

3 years ago

2.0.6

3 years ago

2.0.9

3 years ago

2.0.8

3 years ago

2.0.0

3 years ago

2.0.0-beta.2

3 years ago

2.0.0-beta.1

3 years ago

2.0.0-beta.5

3 years ago

2.0.0-beta.4

3 years ago

2.0.0-beta.3

3 years ago

2.0.6-beta.7

3 years ago

1.34.2

3 years ago

1.34.0

3 years ago

1.34.1

3 years ago

1.33.1

3 years ago

1.32.12-beta

3 years ago

1.33.0

3 years ago

1.32.10

3 years ago

1.32.11

3 years ago

1.32.10-beta

3 years ago

1.32.3-beta.1

3 years ago

1.32.4

3 years ago

1.32.5

3 years ago

1.32.3

3 years ago

1.32.8

3 years ago

1.32.9

3 years ago

1.32.6

3 years ago

1.32.7

3 years ago

1.32.0

3 years ago

1.32.1

3 years ago

1.31.5

3 years ago

1.32.2

3 years ago

1.31.3

3 years ago

1.31.4

3 years ago

1.30.2

3 years ago

1.31.1

3 years ago

1.31.2

3 years ago

1.31.0

3 years ago

1.29.0

4 years ago

1.29.1

4 years ago

1.29.4

4 years ago

1.29.5

4 years ago

1.29.2

4 years ago

1.29.3

4 years ago

1.29.6

4 years ago

1.30.0

3 years ago

1.30.1

3 years ago

1.28.1

4 years ago

1.28.0

4 years ago

1.27.2

4 years ago

1.27.1

4 years ago

1.27.0

4 years ago

1.26.2

4 years ago

1.26.1

4 years ago

1.26.0

4 years ago

1.25.5

4 years ago

1.25.2

4 years ago

1.25.3

4 years ago

1.25.1

4 years ago

1.25.0

4 years ago

1.24.8

4 years ago

1.24.6

4 years ago

1.24.7

4 years ago

1.24.5

4 years ago

1.24.4

4 years ago

1.24.1

4 years ago

1.24.2

4 years ago

1.24.3

4 years ago

1.24.0

4 years ago

1.23.13

4 years ago

1.23.12

4 years ago

1.23.10

4 years ago

1.23.8

4 years ago

1.23.7

4 years ago

1.23.6

4 years ago

1.23.4

4 years ago

1.23.3

4 years ago

1.23.2

4 years ago

1.23.1

4 years ago

1.23.0

4 years ago

1.22.1

4 years ago

1.22.0

4 years ago

1.21.4

4 years ago

1.21.5

4 years ago

1.21.6

4 years ago

1.21.7

4 years ago

1.21.0

4 years ago

1.21.1

4 years ago

1.21.2

4 years ago

1.21.3

4 years ago

1.19.0

4 years ago

1.19.4

4 years ago

1.19.3

4 years ago

1.19.2

4 years ago

1.19.1

4 years ago

1.19.6

4 years ago

1.19.5

4 years ago

1.20.0

4 years ago

1.18.6-beta.1

4 years ago

1.18.5

4 years ago

1.18.4

4 years ago

1.18.3

4 years ago

1.18.1

4 years ago

1.18.0

4 years ago

1.17.7

4 years ago

1.17.6

4 years ago

1.17.5

4 years ago

1.17.4

4 years ago

1.17.2

4 years ago

1.17.3

4 years ago

1.17.1

4 years ago

1.14.0

4 years ago

1.16.0

4 years ago

1.17.0

4 years ago

1.13.4

4 years ago

1.13.3

4 years ago

1.13.1

4 years ago

1.13.0

4 years ago

1.12.32

4 years ago

1.12.31

4 years ago

1.12.30

4 years ago

1.12.29

4 years ago

1.12.28

4 years ago

1.12.27

4 years ago

1.12.26

4 years ago

1.12.25

4 years ago

1.12.24

4 years ago

1.12.23

4 years ago

1.12.22

4 years ago

1.12.21

4 years ago

1.12.20

4 years ago

1.12.19

4 years ago

1.12.18

4 years ago

1.12.17

4 years ago

1.12.16

4 years ago

1.12.14

4 years ago

1.12.13

4 years ago

1.12.12

4 years ago

1.12.11

4 years ago

1.12.9

4 years ago

1.12.10

4 years ago

1.12.7

4 years ago

1.12.6

4 years ago

1.12.8

4 years ago

1.12.5

4 years ago

1.12.3

4 years ago

1.12.4

4 years ago

1.12.2

4 years ago

1.12.1

5 years ago

1.11.6

5 years ago

1.12.0

5 years ago

1.11.3

5 years ago

1.8.1

5 years ago

1.11.2

5 years ago

1.11.1

5 years ago

1.11.0

5 years ago

1.10.2

5 years ago

1.10.1

5 years ago

1.10.0

5 years ago

1.9.3

5 years ago

1.9.2

5 years ago

1.9.1

5 years ago

1.9.0

5 years ago

1.8.0

5 years ago

1.7.12

5 years ago

1.7.11

5 years ago

1.7.10

5 years ago

1.7.9

5 years ago

1.7.8

5 years ago

1.7.7

5 years ago

1.7.6

5 years ago

1.7.5

5 years ago

1.7.4

5 years ago

1.7.3

5 years ago

1.7.2

5 years ago

1.7.1

5 years ago

1.6.3

5 years ago

1.5.1

5 years ago

1.5.0

5 years ago

1.4.2

5 years ago

1.4.1

5 years ago

1.4.0

5 years ago

1.3.20

5 years ago

1.3.18

5 years ago

1.3.19

5 years ago

1.3.17

5 years ago

1.3.16

5 years ago

1.3.12

5 years ago

1.3.15

5 years ago

1.3.11

5 years ago

1.3.9

5 years ago

1.3.8

5 years ago

1.3.10

5 years ago

1.3.7

5 years ago

1.3.6

5 years ago

1.3.5

5 years ago

1.3.4

5 years ago

1.3.3

5 years ago

1.3.2

5 years ago

1.3.1

5 years ago

1.3.0

5 years ago

1.2.3

5 years ago

1.2.2

5 years ago

1.2.1

5 years ago

1.1.3

5 years ago

1.1.2

5 years ago

1.1.1

5 years ago

1.1.0

5 years ago

1.0.9

5 years ago

1.0.8

5 years ago

1.0.7

5 years ago

1.0.6

5 years ago

1.0.5

5 years ago

1.0.4

5 years ago

1.0.3

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago

0.13.7

5 years ago

0.13.5

5 years ago

1.0.0-beta.5

5 years ago

0.13.4

5 years ago

0.13.3

5 years ago

0.13.2

5 years ago

0.13.1

5 years ago

0.13.0

5 years ago

0.12.1

5 years ago

0.11.0

5 years ago

0.12.0

5 years ago

0.10.80

5 years ago

1.0.0-beta.3

5 years ago

1.0.0-beta.2

5 years ago

1.0.0-beta.1

5 years ago

0.10.78-beta.2

5 years ago

0.10.76

5 years ago

0.10.72

5 years ago

0.10.71

5 years ago

0.10.70

5 years ago

0.10.69

5 years ago

0.10.68

5 years ago

0.10.67

5 years ago

0.10.66

5 years ago

0.10.64

5 years ago

0.10.63

5 years ago

0.10.62

5 years ago

0.10.59

5 years ago

0.10.60

5 years ago

0.4.9

5 years ago

0.10.58

5 years ago

0.10.57

5 years ago

0.10.56

5 years ago

0.10.55

5 years ago

0.10.54

5 years ago

0.10.53

5 years ago

0.10.52

5 years ago

0.10.50

5 years ago

0.10.51

5 years ago

0.10.49

5 years ago

0.10.48

5 years ago

0.10.47

5 years ago

0.10.46

5 years ago

0.10.44

5 years ago

0.10.45

5 years ago

0.10.43

5 years ago

0.10.40

5 years ago

0.10.41

5 years ago

0.10.42

5 years ago

0.10.38

5 years ago

0.10.39

5 years ago

0.10.36

5 years ago

0.10.37

5 years ago

0.10.35

5 years ago

0.10.34

5 years ago

0.10.33

5 years ago

0.10.32

5 years ago

0.10.31

5 years ago

0.10.29

5 years ago

0.10.30

5 years ago

0.10.28

5 years ago

0.10.27

5 years ago

0.10.26

5 years ago

0.10.25

5 years ago

0.10.24

5 years ago

0.10.23

5 years ago

0.10.22

5 years ago

0.10.19

5 years ago

0.10.20

5 years ago

0.10.21

5 years ago

0.10.18

5 years ago

0.10.17

5 years ago

0.10.16

5 years ago

0.10.15

5 years ago

0.10.14

5 years ago

0.10.12

5 years ago

0.10.13

5 years ago

0.10.11

5 years ago

0.10.9

5 years ago

0.10.10

5 years ago

0.10.7

5 years ago

0.10.8

5 years ago

0.10.5

5 years ago

0.10.6

5 years ago

0.10.4

5 years ago

0.10.2

5 years ago

0.10.3

5 years ago

0.10.1

5 years ago

0.10.0

5 years ago

0.9.1

5 years ago

0.9.0

5 years ago

0.4.8

5 years ago

0.4.7

5 years ago

0.4.6

5 years ago

0.3.5

5 years ago

0.3.4

5 years ago

0.3.3

5 years ago

0.3.2

5 years ago

0.3.0

5 years ago

0.3.1

5 years ago

0.2.7

5 years ago

0.2.6

5 years ago

0.2.5

6 years ago

0.2.4

6 years ago

0.2.3

6 years ago

0.2.1

6 years ago

0.2.2

6 years ago

0.2.0

6 years ago

0.1.7

6 years ago

0.1.6

6 years ago

0.1.5

6 years ago

0.1.4

6 years ago

0.1.3

6 years ago

0.1.2

6 years ago

0.1.1

6 years ago

0.1.0

6 years ago