2012-11-22 38 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.