lineage-renderer v0.0.1-2

lineage-renderer

中文 | English

Data Lineage Renderer with canvas-2d.

Install

yarn add lineage-renderer
# OR npm install lineage-renderer

Usage

import {Lineage} from 'lineage-renderer'

const graph = new Lineage({
  el,
  data,
})
graph.on('line:click', (id) => console.log('line:click', id))
graph.on('node:click', (id) => console.log('node:click', id))

// destroy graph when your page unmount
// graph.destroy()

Develop

# install Dependencies
yarn
# run dev
yarn dev

Help

This plugin is in the early stages of development, if you encounter bugs or have expected features, please Submit Issues or Pull Request.

Reference

• canvas交互设计
• fabricjs
• bezierjs
• 贝塞尔曲线入门