2013-09-26 69 views
10

Thư viện JavaScript tốt cho việc hiển thị đồ thị/mạng/thời gian phát triển theo thời gian là gì?Thư viện JavaScript để hiển thị mạng động?

dữ liệu của tôi là theo hình thức source -> destination at time gấp ba như sau

A -> B at 100 
B -> C at 101 
A -> D at 104 
C -> D at 105 
... 

Trên màn hình Tôi muốn xem hoạt ảnh của điểm nối với nhau bằng cạnh với cạnh nhấp nháy và tắt như thời gian tiến hóa.

Tôi cũng rất vui khi đóng góp vào thư viện nguồn mở gần như ở đó.

Làm rõ:

  • By graph Ý tôi là một tập hợp các nút nối với nhau bằng một tập hợp các cạnh, không phải là một âm mưu
  • Câu hỏi này có liên quan đến (nhưng khác biệt với) những câu dưới đây: Graph visualization library in JavaScript
+0

Hãy xem [d3.js] (http://d3js.org/) có một số đẹp [ví dụ] (http://bost.ocks.org/mike/fisheye/) của những người vẽ mạng và đồ thị. – ggovan

Trả lời

5

Tôi đã làm việc với Sigma.js, một thư viện nguồn mở chính xác với mục đích vẽ đồ thị mạng. Nó dựa trên Canvas, nhanh hơn SVG đặc biệt cho các mạng lớn, nhưng thao tác động của các nút/cạnh không đơn giản. Một tính năng thú vị là bạn có thể tạo các tệp Gexf, được tạo bằng Gephi hoặc các công cụ khác, với rất ít nỗ lực.

+0

Cần bao nhiêu công việc để thao tác động các nút/cạnh đơn giản hơn? Tôi sẵn sàng đóng góp nếu nó gần. – MRocklin

+0

Điều này khó trả lời, bạn có thể xem [API công khai tại đây] (https://github.com/jacomyal/sigma.js/blob/master/src/core/sigmapublic.js), có thể đã xúc phạm những gì bạn cần. – ramiro

+1

Tôi đã có thể xây dựng trực quan đồ thị tốc độ khá cao với sigmajs khi tôi đã tiếp xúc phương thức drawEdge với API công khai. – MRocklin

3

Hãy xem d3.js: "D3.js là một thư viện JavaScript cho thao tác văn bản dựa trên dữ liệu" http://d3js.org/

Anh re là ví dụ về vẽ biểu đồ từ tập dữ liệu: http://bl.ocks.org/mbostock/1153292

Dưới đây là ví dụ cho thấy cách cập nhật dữ liệu động. Bạn có thể truyền phát trực tiếp từ máy chủ hoặc mô phỏng nó bằng cách duyệt qua toàn bộ dữ liệu ở phía máy khách: http://mbostock.github.io/d3/tutorial/bar-2.html

+0

Để tham khảo thêm, tôi đã xây dựng một số đồ thị trong d3js. http://vida.io/documents/SyT7DREdQmGSpsBkK (đồ thị có khoảng cách) và http://vida.io/documents/fGzpzjP98Bs2ShMHW (biểu đồ tĩnh) –

+0

Trình tải GEXF D3.js: [https://github.com/emeeks/ gexfd3] (https://github.com/emeeks/gexfd3). Ví dụ: [http://bl.ocks.org/emeeks](http://bl.ocks.org/emeeks). (Trang tìm kiếm cho "gexf".) – Mars

5

Vis.js, thư viện hiển thị dựa trên trình duyệt, là một tùy chọn khác cho bạn. Ngoài ra, public repo của chúng hoạt động.

+0

Vui lòng thử đọc http://stackoverflow.com/help/deleted-answers này để hiểu rõ hơn cách ** không ** trả lời. Cụ thể: "Các câu trả lời không trả lời một cách cơ bản câu hỏi": ** hầu như không liên kết đến một trang bên ngoài ** –

+0

Vis.js có thể làm mũi tên và nhãn cạnh, vì vậy nó hoàn hảo cho các biểu đồ có trọng số được hướng dẫn trong javascript – lcmgcd

0

Hãy nhìn vào ví dụ này bởi ZoomCharts:

enter image description here]

Có vẻ đây là chính xác những gì bạn đang tìm kiếm.


Tiết lộ: Tôi là đồng sở hữu và phát triển cốt lõi trong ZoomCharts.com

Các vấn đề liên quan