2009-12-24 28 views
6

Tôi đang tìm một thư viện javascript vẽ sơ đồ mạng với các nút được sắp xếp theo hình tròn.Thư viện javascript đơn giản để trực quan hóa biểu đồ/mạng trong một vòng kết nối?

Có một số câu hỏi hay khác về hiển thị javascript nói chung, nhưng hầu hết những thứ được tham chiếu dường như là bộ công cụ khá nặng. Tôi đang tìm một API đơn giản cho phép tôi chuyển vào một mảng các chuỗi ký tự đại diện cho các kết nối, sau đó vẽ các nút của biểu đồ kết quả trong một vòng tròn, với các đường nội thất nối các nút được kết nối.

Yêu cầu: javascript (không nhấp nháy), miễn phí, có sẵn để sử dụng ngoại tuyến

Trả lời

7

thời gian gần đây tôi đã có một nhu cầu tương tự và thấy rằng tốt nhất biểu đồ trực quan miễn phí là Javascript InfoVis Tooklit. Tôi không thể tìm thấy bất kỳ thứ gì nhẹ hơn cũng sẽ hiển thị biểu đồ được kết nối hợp lý. May mắn thay, có một số lượng tốt các ví dụ/hướng dẫn để tìm hiểu cách thiết lập nó cho ứng dụng cụ thể của bạn.

+0

Vậy trường hợp "vòng tròn các nút" của tôi có phải là một thể hiện của lớp HyperTree của họ không? – kdt

+0

Tôi đã suy nghĩ về lớp RGraph vì nó là một đồ thị chứ không phải là một cây - nhưng bằng mọi cách, chơi xung quanh với các bản demo cho đến khi bạn tìm thấy một trong những gần nhất với những gì bạn đang hình dung. –

1

Hãy lookat http://raphaeljs.com/

+1

Đó có vẻ là một thư viện bản vẽ: Tôi đang tìm kiếm cái gì đó thực sự sẽ có chức năng "draw_graph (data)" thay vì phải làm vòng kết nối/đường dây riêng của tôi, v.v. – kdt

+0

Xin lỗi: xem thêm tại http://g.raphaeljs.com/ – graphicdivine

+2

g.raphaeljs.com là để hiển thị hình ảnh/biểu đồ thanh - không phải là mạng/biểu đồ. –

0

Bạn đã xem API trực quan của Google chưa? Đó là Javascript và bạn có thể chạy ngoại tuyến. (cộng với họ có một số công cụ trong Python/Java để chuyển đổi dữ liệu của bạn để sử dụng ... vv).

+1

Từ Câu hỏi thường gặp về API hình ảnh hóa của Google: 'Tôi có thể sử dụng trực quan hóa ngoại tuyến không? Không; máy tính của bạn phải có quyền truy cập trực tiếp vào http://www.google.com/jsapi để sử dụng trực quan hóa – kdt

4

Cytoscape Web JS sẽ thực hiện những gì bạn cần.

Kiểm tra các github trang here mà cũng chứa một bản demo đơn giản http://cytoscape.github.com/cytoscape.js/

+0

Có thể hiển thị loại quan hệ không? Tôi có thể đặt tên cho mỗi mối quan hệ không? – dlopezgonzalez

+0

Có tất nhiên. Tôi đã trả lời câu hỏi [bạn đã hỏi] (http://stackoverflow.com/questions/14293474/can-i-show-the-kind-of-relation-between-nodes-in-cytoscape-js/14294825#14294825) – by0

0

mxGraph là miễn phí nếu sử dụng của bạn là phi thương mại

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