antvis/layout

layout-master
- .github
  - workflows
    - ci.yml
- src
  - layout
    - dagreCompound.ts
    - gForce.ts
    - random.ts
    - forceAtlas2
      - quad.ts
      - body.ts
      - index.ts
      - quadTree.ts
    - fruchterman.ts
    - dagre.ts
    - radial
      - index.ts
      - radial.ts
      - mds.ts
      - radialNonoverlapForce.ts
    - layout.ts
    - index.ts
    - force
      - force.ts
      - index.ts
      - force-in-a-box.ts
    - mds.ts
    - circular.ts
    - comboForce.ts
    - types.ts
    - dagre
      - src
        acyclic.ts
        greedy-fas.ts
        util.ts
        position
        bk.ts
        index.ts
        parent-dummy-chains.ts
        rank
        util.ts
        index.ts
        network-simplex.ts
        feasible-tree.ts
        layout.ts
        debug.ts
        order
        barycenter.ts
        sort.ts
        add-subgraph-constraints.ts
        cross-count.ts
        index.ts
        init-data-order.ts
        init-order.ts
        build-layer-graph.ts
        resolve-conflicts.ts
        sort-subgraph.ts
        add-border-segments.ts
        nesting-graph.ts
        data
        list.ts
        normalize.ts
        coordinate-system.ts
      - graph.ts
      - index.ts
    - base.ts
    - comboCombined.ts
    - gpu
      - gForce.ts
      - gForceShader.ts
      - fruchterman.ts
      - fruchtermanShader.ts
    - grid.ts
    - er
      - type.ts
      - forceGrid.ts
      - index.ts
      - core.ts
      - mysqlWorkbench.ts
      - grid.ts
    - concentric.ts
    - constants.ts
  - index.ts
  - registy
    - index.ts
  - util
    - string.ts
    - math.ts
    - function.ts
    - index.ts
    - gpu.ts
    - array.ts
    - object.ts
    - number.ts
- jest.config.js
- __tests__
  - util
    - index.ts
  - data
    - test-data-1.ts
    - combo-test-data.ts
    - index.ts
    - small-world.ts
  - dagre
    - position
      - bk-test.ts
    - rank
      - network-simplex-test.ts
      - feasible-tree-test.ts
      - util-test.ts
      - rank-test.ts
    - nesting-graph-test.ts
    - add-border-segments-test.ts
    - util-test.ts
    - position-test.ts
    - parent-dummy-chains-test.ts
    - coordinate-system-test.ts
    - order
      - add-subgraph-constraints-test.ts
      - build-layer-graph-test.ts
      - barycenter-test.ts
      - sort-subgraph-test.ts
      - sort-test.ts
      - resolve-conflicts-test.ts
      - order-test.ts
      - init-order-test.ts
      - cross-count-test.ts
    - data
      - list-test.ts
    - acyclic-test.ts
    - normalize-test.ts
    - layout-test.ts
    - greedy-fas-test.ts
  - g6
    - er-g6-test.ts
    - dagre-compound-g6-test.ts
    - force-g6-spec.ts
    - fa2-g6-test.ts
    - combo-concentric-test.ts
    - fruchterman-g6-test.ts
    - grid-g6-spec.ts
    - gforcegpu-g6.test.ts
    - dagre-g6-test.ts
  - unit
    - fruchterman.test.ts
    - register.test.ts
    - web-worker.test.ts
    - random.test.ts
    - grid.test.ts
    - gforce.test.ts
    - er.test.ts
    - radial.test.ts
    - gpu-fruchterman.test.ts
    - dagre.test.ts
    - force.test.ts
    - mds.test.ts
    - gpu-gforce.test.ts
    - dagreCompound.test.ts
    - comboForce.test.ts
    - concentric.test.ts
    - circular.test.ts
- tslint.json
- LICENSE
- .babelrc.js
- CHANGELOG.md
- webpack.config.js
- README.md
- package.json
- tsconfig.json
- .gitignore

About

Layout algorithms for AntV

Installation

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

# yarn
$ yarn add @antv/layout

Usage

import { GridLayout } from '@antv/layout'

const model = {
  nodes: [
    {
      id: 'node1',
      x: 0,
      y: 0,
    }, {
      id: 'node2',
      x: 20,
      y: 20,
    },
  ],
  edges: [
    {
      source: 'node1',
      target: 'node2',
    },
  ],
}

const gridLayout = new GridLayout({
  type: 'grid',
  width: 600,
  height: 400,
  rows: 4,
  cols: 4,
})

const newModel = gridLayout.layout(model)

Documentation

G6 Layout

License

The scripts and documentation in this project are released under the MIT License.