2012-11-22 36 views
1

是否有人知道的图形可视化,但允许您设置节点的大小的jQuery库。我想用它来表示在不同系统集合上显示的错误数量。jQuery图形(节点)visulisation热图

示例数据(其中右/下方=小孩):

(25) -> (100) -> (1) 
       -> (500) 

图:

enter image description here

感谢您的时间,

+0

我很确定它可以使用http://raphaeljs.com/但它的纯JavaScript库使用svg –

+1

我不知道这是否会在所有有趣的是:[ImageMapper jQuery Plugin](https://github.com/jamietre/ImageMapster)。有关于在SO上使用它的一些问题,或[在这里为代码示例](http://www.outsharked.com/imagemapster/)。 – gibberish

回答

1

根据我最近的研究类似需要,我有三个很好的线索,但没有一个是JQuery插件(尽管可以将它们制作成插件)。他们都是并排侧与jQuery虽然兼容...

  1. mermaid
  2. cytoscape.js
  3. vis.js

美人鱼很简单,你可能会喜欢的图形描述语法(如旧的ATT /贝尔实验室的'点'语言),但它可能不会将节点(恰好)放在你想要的地方。

Cytoscape.js和Vis.js都很棒,易于使用且功能强大。它们之间的一个区别是,Cytoscape.js渲染为画布,而vis.s渲染为SVG。 有一个vis.js的快速演示,interprets the dot language.