te')); return $arr; } /* 遍历用户所有主题 * @param $uid 用户ID * @param int $page 页数 * @param int $pagesize 每页记录条数 * @param bool $desc 排序方式 TRUE降序 FALSE升序 * @param string $key 返回的数组用那一列的值作为 key * @param array $col 查询哪些列 */ function thread_tid_find_by_uid($uid, $page = 1, $pagesize = 1000, $desc = TRUE, $key = 'tid', $col = array()) { if (empty($uid)) return array(); $orderby = TRUE == $desc ? -1 : 1; $arr = thread_tid__find($cond = array('uid' => $uid), array('tid' => $orderby), $page, $pagesize, $key, $col); return $arr; } // 遍历栏目下tid 支持数组 $fid = array(1,2,3) function thread_tid_find_by_fid($fid, $page = 1, $pagesize = 1000, $desc = TRUE) { if (empty($fid)) return array(); $orderby = TRUE == $desc ? -1 : 1; $arr = thread_tid__find($cond = array('fid' => $fid), array('tid' => $orderby), $page, $pagesize, 'tid', array('tid', 'verify_date')); return $arr; } function thread_tid_delete($tid) { if (empty($tid)) return FALSE; $r = thread_tid__delete(array('tid' => $tid)); return $r; } function thread_tid_count() { $n = thread_tid__count(); return $n; } // 统计用户主题数 大数量下严谨使用非主键统计 function thread_uid_count($uid) { $n = thread_tid__count(array('uid' => $uid)); return $n; } // 统计栏目主题数 大数量下严谨使用非主键统计 function thread_fid_count($fid) { $n = thread_tid__count(array('fid' => $fid)); return $n; } ?>Is there a way to build an interactive node graph in JavaScript? - Stack Overflow
最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

Is there a way to build an interactive node graph in JavaScript? - Stack Overflow

programmeradmin3浏览0评论

I'm looking to build an interactive node graph on a webpage where you can add nodes with various inputs and outputs and connect them together.

This is an example of what I'm looking to do:

I started to play around with vis.js but I'm not sure it will be able to do the above.

Any suggestions would be appreciated!

I'm looking to build an interactive node graph on a webpage where you can add nodes with various inputs and outputs and connect them together.

This is an example of what I'm looking to do:

I started to play around with vis.js but I'm not sure it will be able to do the above.

Any suggestions would be appreciated!

Share Improve this question edited Aug 12, 2018 at 19:08 YakovL 8,34713 gold badges73 silver badges112 bronze badges asked Aug 12, 2018 at 0:30 grillaBgrillaB 1051 silver badge5 bronze badges 1
  • Have a look at d3.js as an alternative - refer to the 'Examples' link as well as here for examples. – trashr0x Commented Aug 12, 2018 at 0:37
Add a ment  | 

2 Answers 2

Reset to default 11

For those who (like me) trying to find js libraries for creating interactive graphs here is the list:

Click on images for better quality.

react-flow | demo

vis-network | demo

DAG-ToDo | demo

flowy | demo

jsplumb | demo

react-diagrams | demo

butterfly | demo

Drawflow | demo

Generally, such broad questions in form of "is it possible to ...?" are frowned upon at StackOverflow, but the direct answer would be "yes, it is possible" and moreover, vis.js has an example of a manipulatable graph so I remend you to read the manupulation methods docs and the manipulation module docs which describe methods like addNode, editNode, deleteNode etc.

However, you should note that all the interfaces are usually implemented outside the graph-containing canvas, in html (+js) because it's not trivial to put them inside canvas and, say, show attached to all nodes.

发布评论

评论列表(0)

  1. 暂无评论