Каков наилучший инструмент, позволяющий веб-пользователям создавать блок-схемы / диаграммы?

Question

Я создаю веб-приложение , в котором учителя должны иметь возможность легко создавать образовательные схемы , блок-схемы, в основном:

• коробки и кружочки с текстом
• текстовые метки
• возможность загружать и вставлять графику
• легко делать линии со стрелками и т. Д.
• много готовых иконок и картинок было бы неплохо
• бесплатно и с открытым исходным кодом было бы неплохо

В основном я ищу редактор веб-сайта RichTextBox, но с базовыми функциями Visio , который позволил бы пользователю:

• нажмите "создать диаграмму"
• создать его WYSIWYG с помощью мыши
• сохранить (на сервере)
• используйте его в приложении

Он может использовать Javascript / jQuery, Flash или Silverlight, не имеет значения, если он работает в браузере .

Answer 1

https://bubbl.us/beta очень прост в использовании и создании PNG, но довольно ограничен в возможностях, решение Google Docs хорошо (спасибо @Dave Beer), но размер экрана статичен, вы не можете сделать большой PNG: https://superuser.com/questions/76630/is-there-a-way-to-change-the-size-of-the-drawing-area-in-google-docs-insert-dra

Также нельзя пропустить: yEd: http://www.yworks.com/en/products_yed_about.html

Я провел еще несколько исследований по этому вопросу и выбрал yEd в качестве инструмента, который мы будем использовать для проекта , вот несколько примеров того, что yEd, Google Docs и Firefox Карандаш может делать: http://tanguay.info/web/examples/googleDocsImageDraw/

Есть много таких, если вы продолжаете осматриваться, вот еще несколько, каждый со своими достоинствами и недостатками:

• http://www.xmind.net/downloads
• http://live.gnome.org/Dia
• http://yuml.me

Answer 2

Дополнение Firefox Pencil позволяет пользователям создавать диаграммы и сохранять их в виде файлов .png:

Answer 3

Я думаю, что вам лучше всего использовать Google Docs

Sketchy (функция рисования в Google docs) очень мощная, и я думаю, будет делать то, что вы хотите.

Answer 4

Gliffy есть бесплатная опция, которая поддерживается рекламой. А также наличие достойного API. Мне нравится внешний вид сервиса, но я их еще не использовал. (это в процессе ...)

Answer 5

Я предлагаю вспышку. Я видел сайты, которые легко реализуют такие вещи во Flash. Вы можете достичь того же, используя HTML и JavaScript, но это потребует болезненного программирования. Silverligt на мой взгляд еще не созрел. Но я уверен, что скоро мы увидим некоторые улучшения. И, может быть, вы тоже можете рассмотреть Java-апплеты.

Проверьте сайт www.geni.com . во Flash у них есть интерфейс для построения генеалогического дерева.

Answer 6

Вы смотрели на GoDiagram ? Я не пробовал, но это единственный компонент, который я видел, который удовлетворяет эту потребность.