Tôi đang tìm API đồ thị/biểu đồ "trực quan tuyệt đẹp cho web

Question

Tôi hiện đang làm việc trên nền tảng khảo sát dựa trên web tùy chỉnh để sử dụng trong các bài thuyết trình trong phòng mà người tham gia trả lời câu hỏi. được hiển thị dưới dạng biểu đồ (thường là từ máy chiếu).

Tôi đã được giao nhiệm vụ cập nhật hệ thống đồ thị hiện có, sử dụng hệ thống đồ họa (URL) Google Chart Tools Image Charts API để tạo biểu đồ hình tròn và bánh 3D. Yêu cầu chính là đồ họa mới "tuyệt đẹp". Một số ví dụ nổi lên với tôi là dòng chảy phản chiếu giống như kính của Apple, giao diện Aero của Windows và các biểu đồ được tạo bởi PowerPoint mới nhất.

Một ví dụ về những gì chúng tôi hiện có thể sản xuất bằng cách sử dụng API cụ Chart biểu đồ hình ảnh của Google:

Rõ ràng, chiếc bánh và thanh biểu đồ 3D tạo ra bởi bảng xếp hạng Công cụ Chart hình ảnh của Google là không đủ ấn tượng. Tương tự, heavily-interactive graphs được Google Visualization API tạo ra "quá nhàm chán".

Vì vậy, tôi đang tìm một công cụ đồ họa dựa trên web mà là tốt truy cập thông qua một API mà có thể đáp ứng yêu cầu của chúng tôi là thị giác tuyệt vời. (Một cái gì đó miễn phí sẽ được tốt đẹp, quá.) Bất kỳ ý tưởng?

Tôi đã xem FusionCharts và trông giống như một giải pháp khả thi, nhưng nó không miễn phí và không dựa trên API.

(Tôi có một câu hỏi qua tại UX về the best way of graphing results from matrix/ranking questions liên quan đến cùng một dự án.)

Answer 1

Không có ý tưởng về khía cạnh trực quan tuyệt đẹp này nhưng tôi đã sử dụng HighCharts trước đây. Không có API của bên thứ ba chỉ là một bên thứ nhất JS.

Answer 2

FusionCharts (Free) có một phiên bản miễn phí, mặc dù đây không phải là API dựa (Tôi tin rằng nếu bạn trả tiền cho nó sau đó họ có một phiên bản dựa trên API).

Phiên bản miễn phí tuy nhiên bị giới hạn, nhưng nó vẫn có nhiều tính năng. Đó chắc chắn là một hình ảnh hấp dẫn nhất mà tôi đã tìm thấy ở đó. Nó cũng khá đơn giản để sử dụng, đi kèm với một lớp PHP tốt đẹp mà hầu hết nó cho bạn quá.

Answer 3

Đây không phải là dịch vụ web như Biểu đồ của Google, nhưng nếu bạn không thể tìm thấy bất kỳ thứ gì như GCharts được chấp nhận, thì Raphael JS charting library có thể đáng xem. Bạn sẽ phải thực hiện một ít công cụ tái trang bị cho mục đích của bạn và tôi nhận ra điều đó, nhưng chỉ nghĩ rằng tôi sẽ ném nó ra ngoài như một lựa chọn.

Answer 4

Bạn luôn có thể cuộn của riêng mình bằng cách sử dụng processing.js. Đó là công việc nhiều hơn, nhưng bạn có thể làm cho nó là "tuyệt đẹp" như bạn muốn, và có toàn quyền kiểm soát những gì bạn thực hiện.

Answer 5

Tặng d3.js một ảnh (http://d3js.org/). Đầy đủ javascript, dễ dàng tích hợp với các trang hiện có của bạn. Nó hỗ trợ cập nhật động & chuyển tiếp. Hãy xem xét một số mẫu dưới đây để có được cảm giác về những gì bạn có thể làm với nó (mặc dù một chút thiếu phong cách cho biểu đồ thanh, hãy xem bánh rán thay vì hoặc tìm kiếm biểu đồ hình người dùng đóng góp trong d3).

Ví dụ:

https://github.com/mbostock/d3/wiki/Gallery http://bl.ocks.org/mbostock http://christopheviau.com/d3list/

Đối với ví dụ về chuyển bánh rán (như câu trả lời đang được keyed trong bởi người tham gia):

http://bl.ocks.org/mbostock/5682158

Answer 6

Vài năm sau, D3js dường trở thành ứng cử viên nghiêm túc:

http://d3js.org/