Лучшая библиотека javascript для создания и интерактивной блок-схемы

Я хотел бы создать интерактивную "схему решения проблем", состоящую из элементов div.

Я хотел бы сделать что-то очень похожее на то, что было сделано в этом примере в стиле Нью-Йорк...

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

Кто-то предложил Рафаэлю, чтобы я немного чему-то научился, и это потрясающе.

Есть ли другая библиотека, которую стоит рассмотреть?

Также, если Raphael подходит для этой задачи, является ли она широко используемой библиотекой? Если я собираюсь изучать новые навыки, я в своих лучших интересах изучать популярный код, поэтому я могу применить его с разными заданиями, которые я получаю, а не какую-то экзотическую вещь, которую я никогда не использовал, или никто никогда не захочет, чтобы я снова использовал ее.

Большое спасибо.

Ответ 1

Рассмотрим D3JS, если вы хотите погрузиться в визуализацию данных. На веб-сайте есть интересные примеры и учебные пособия.

PS: Создайте текущие работы Майка Бостока для NY Times, насколько я знаю;)

Ответ 2

Для чего-то действительно столь же простого, как пример NYTimes, вам не мешает делать это с помощью нескольких изображений стрелок и jquery.slideDown(), Он был бы легче, чем использование большей векторной библиотеки, и он работал бы в старых браузерах как соли.

Ответ 3

Я согласен с тем, что Raphael js-библиотека является мощной. Также я могу предложить взглянуть на ExtJs 4 - у него тоже классные примеры (конечно, если вам нужно что-то еще, не только графики)...