Thư viện javascript tốt nhất để tạo biểu đồ luồng tương tác

Question

Tôi muốn tạo biểu đồ luồng giải quyết 'giải quyết vấn đề' tương tác được tạo thành các phần tử div.

Tôi muốn làm điều gì đó rất giống với những gì mà lần new york đã làm trong ví dụ này ...

http://www.nytimes.com/interactive/2012/06/14/us/how-the-supreme-court-could-rule-on-the-health-care-law.html?ref=us

Có người đề nghị Raphael vì vậy tôi đã học một chút về điều đó và nó tuyệt vời.

Có thư viện nào khác đáng xem xét không?

Ngoài ra nếu Raphael phù hợp với tác vụ này, thư viện có được sử dụng rộng rãi không? Nếu tôi sẽ học những kỹ năng mới Tôi rất thích học code phổ biến để có thể áp dụng nó với các công việc khác nhau mà tôi nhận được, không phải một thứ kỳ lạ mà Ill không bao giờ sử dụng hoặc không ai muốn tôi sử dụng lại.

Cảm ơn rất nhiều.

Answer 1

Cân nhắc D3JS nếu bạn muốn đi sâu vào việc trực quan hóa dữ liệu. Có rất nhiều ví dụ và hướng dẫn tốt đẹp trên trang web.

PS: Các tạo Mike Bostock công trình hiện tại cho NY Times như xa như tôi biết;)

Answer 2

Tôi đồng ý rằng thư viện Raphael js là mạnh mẽ. Ngoài ra tôi có thể đề nghị để có một cái nhìn đến ExtJs 4 - nó có ví dụ mát mẻ quá (tất nhiên nếu bạn cần một cái gì đó khác từ nó, không chỉ biểu đồ) ...

Answer 3

Đối với một cái gì đó thực sự đơn giản như ví dụ NYTimes không có gì dừng lại bạn làm điều đó với một vài hình ảnh mũi tên và jquery .slideDown(). Nó chắc chắn sẽ nhẹ hơn so với sử dụng một thư viện vector lớn hơn, và nó sẽ làm việc trong các trình duyệt cũ như muối.