2013-03-17 1 views
13

Я хотел бы создать интерактивную «схему решения проблем», которая состоит из элементов div.Лучшая библиотека javascript для создания и интерактивной блок-схемы

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

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

Кто-то предложил Рафаэль так я учусь немного, что и это здорово.

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

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

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

+0

Эй, @ Дале, на чем вы остановились? Я хочу знать, что все для визуализации «интерактивного дерева решений», как страница NY Times. Я думаю, что ответы здесь хороши, чтобы сворачивать наши собственные, но, похоже, для такой общей вещи, там должно быть больше инструментов, чтобы просто подключить данные дерева и начать скинирование. Если нет, вы заинтересованы в работе над чем-то открытым исходным кодом? Я хочу создать руководство начинающего фермера по принятию правильных решений на основе типа почвы, осадков, PH, урожая, который вы хотите посадить, и т. Д., Чтобы новые фермеры могли легко узнать, как подготовить почву. –

+0

i * ненависть *, когда повелители закрывают вещи. Это невероятно конструктивно, повелители, пожалуйста, прекратите это делать. – user1130176

ответ

4

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

PS: создать Майк Босток текущие работы для Нью-Йорк Таймс, насколько я знаю;)

+0

Не знаете, как d3js хорош для блок-схем. В блок-схемах задействована большая структура, и сделать это с использованием табличного файла данных будет сложно. Просьба привести пример, чтобы проиллюстрировать это? – AbdealiJK

1

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

3

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

 Смежные вопросы

  • Нет связанных вопросов^_^