#flow #viz #node #edge #kind #org #enums

app viz-flow

可视化流程

1 个不稳定版本

0.0.0 2021年9月18日

#8#viz

MIT/Apache

6KB

Flow DSL AST

从FBP到BPM

// Kind

// IO // 输入 // 输出

// Node // 名称

// Edge // 源 // 目标

{
  nodes: [
  ],
  edges: [
  ]
}
enum Kind {
}

struct Node {
  id: i64,
  name: String,
  kind: Kind,
}

节点

  1. 传入触发器 - 来自父节点的连接
  2. 传出触发器 - 连接到子节点
  3. 传入参数 - 类型为颜色,在检查器中生成颜色选择器小部件
  4. 从npm导入包(必须先添加到项目中)
  5. 触发回调 - 这通常每帧调用一次
  6. 读取父节点提供的属性
  7. 读取输入参数值
  8. 主节点代码 - 使用给定颜色绘制矩形
  9. 将数据进一步传递给子节点

蝴蝶

iMove

logic-flow

flowchart-fun

https://github.com/tone-row/flowchart-fun https://js.cytoscape.org/

Wireflow

https://github.com/vanila-io/wireflow

https://github.com/ritz078/transform

无运行时依赖